Fundraising Campaigns

Notice (8): Undefined variable: campaign [APP/View/Layouts/default.ctp, line 173]Code Context                <?php endif;?>
                    <?php endif;?>
             <?php if ($campaign['Campaign']['id']!=9870):?>
$viewFile = '/var/www/html/uatdonation.adropoflife.org/public_html/app/View/Layouts/default.ctp'
$dataForView = array(
	'categoies' => array(
		(int) 0 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 1 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 2 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 3 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 4 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 5 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 6 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 7 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 8 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 9 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 10 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 11 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 12 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 13 => array(
			'Category' => array(
				[maximum depth reached]
			)
		)
	),
	'search' => '',
	'campaigns' => array(
		(int) 0 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array([maximum depth reached]),
			'Receipt' => array([maximum depth reached]),
			'Tag' => array([maximum depth reached])
		),
		(int) 1 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 2 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 3 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 4 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 5 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array([maximum depth reached]),
			'Receipt' => array([maximum depth reached]),
			'Tag' => array([maximum depth reached])
		),
		(int) 6 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 7 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 8 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 9 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 10 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 11 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		)
	),
	'fb_link' => 'https://www.facebook.com/v2.2/dialog/oauth?client_id=2122276667998827&state=06b505ba0bddb85bdf0b88ed7035c6bf&response_type=code&sdk=php-sdk-5.6.1&redirect_uri=http%3A%2F%2Fuatdonation.adropoflife.org%2Fauth_acl%2Fusers%2Flogin&scope=email',
	'content_for_layout' => '<style>
    #header{
        min-height: 70px;
    }
    
    .header-nav-wrapper{
         background-color:#FFF;
    }
    
    .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a{  
        color: #888;
    }

</style>

<link rel="stylesheet" type="text/css" href="/css/validationEngine.jquery.css"/><script type="text/javascript" src="/js/jquery.validationEngine-eng.js"></script><script type="text/javascript" src="/js/jquery.validationEngine.js"></script>

<!--Donation Modal-->
<div id="DonationModal2" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title" id="exampleModalLabel">Donation Form</h4>
        </div>
        
        <div class="modal-body">
          <form id="popupDonateForm" method="post" action="/campaigns/before_donation">
                 
               <!--hidden campaign ID-->
               <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value=""/>
               <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>
              
               <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
               <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
               <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
               <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>
              
               <div class="form-group">
                 <label class="form-control-label">Campaign Name :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">First Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][firstname]" required>
                  
                      <label for="recipient-name" class="form-control-label">Last Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][lastname]" required>
              </div>
              <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Email Address:</label>
                  <input type="email" class="form-control" name="data[Donation][user_email]"  required>
              </div>
            <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                  <input type="number" class="form-control" name="data[Donation][amount]"  min="1" step="1" required>
            </div>
            
            <!--
            <div class="form-group">
              <label for="message-text" class="form-control-label">Remark:</label>
              <textarea class="form-control" id="message-text"></textarea>
            </div>
            -->
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              <button type="submit" class="btn btn-primary">Donate</button>
            </div>
          </form>
            
        </div>
    
    </div>
  </div>
</div>
<!--END Donation Moal-->

<div class="main-content">
    <!-- Section: inner-header -->
    <section class="inner-header divider layer-overlay overlay-dark" data-bg-img="/images/header/377B5007.jpg">
      <div class="container pt-30 pb-30">
        <!-- Section Content -->
        <div class="section-content text-center">
          <div class="row"> 
            <div class="col-md-6 col-md-offset-3 text-center">
        	             
             <h3 class="font-36">Fundraising Campaign</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">Home</a></li>
                <li class="active">Fundraising Campaign</li>	            	
              </ol>
              
                
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Section: Upcoming Event -->
    <section>
      <div class="container">
        <div class="row">
        	<div class="col-sm-12 col-md-3">
            <div class="sidebar sidebar-right mt-sm-30">
              
                <!--
                <div class="widget">
                    <h5 class="widget-title line-bottom"></h5>
                    <div class="search-form">
                                                <div class="row-fluid show-grid">
                            <div class="span12">
                                <div class="input-group">
                                                                        
                                </div>
                            </div>
                        </div>
                                            </div>
                </div>
                -->
                
                <!--strat the search form-->
                
                <div class="widget">
                <h5 class="widget-title line-bottom">Search</h5>
                <div class="search-form">
                
                <form action="/" class="filter form-signin form-horizontal" id="FilterIndexForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>                <div class="input-group">
                <div class="input text"><label for="FilterSearch"></label><input name="data[Filter][search]" placeholder="Search..." class="form-control search-input" type="text" id="FilterSearch"/></div>  
                    <span class="input-group-btn">
                      <button type="submit" class="btn search-button"><i class="fa fa-search"></i></button>
                    </span>
                </div>
                </form>                    </div>
                </div>
                
                <!--end the search form-->
                
                
              <div class="widget">
                <h5 class="widget-title line-bottom">Categories</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">Race for Water 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">Walk for Water 2017<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:6">點滴善行在挪威2018<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:7">點滴善行在哈薩克斯坦 2018<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:9">Tour for Water 2016 - Nepal<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">Cycling for Water 2016 - New Zealand<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">Race for Water 2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">Race for Water 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA Walk & Run for Water 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">Race for Water 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA Walk & Run for Water 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">Race for Water 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA Walk & Run for Water 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">Walk & Run for Water 2024<span>(17)</span></a></li>
                   
                                      </ul>
                </div>
              </div>              
            </div>
          </div>
            
            
          <div class="col-sm-12 col-md-9">
              
            <div>
                          </div>
         
           <!--start one event-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-1" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7568  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 開心四人組                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-1">
                        <label for="accept_tnc-1">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-1">
                        <label for="opt-out-1">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-1', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
    	
    	$( "#DonationModal-1 .donation_amount ").change(function() {
        	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-1').validationEngine();
        });
        
        $('#DonationModal-1 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-1 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-1 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-1").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7568">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7568">開心四人組</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-2" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7567  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support CCAA                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-2">
                        <label for="accept_tnc-2">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-2">
                        <label for="opt-out-2">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-2', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
    	
    	$( "#DonationModal-2 .donation_amount ").change(function() {
        	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-2').validationEngine();
        });
        
        $('#DonationModal-2 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-2 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-2 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-2").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7567">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7567">CCAA</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-3" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7566  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Go Wild                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-3">
                        <label for="accept_tnc-3">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-3">
                        <label for="opt-out-3">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-3', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
    	
    	$( "#DonationModal-3 .donation_amount ").change(function() {
        	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-3').validationEngine();
        });
        
        $('#DonationModal-3 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-3 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-3 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-3").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7566">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7566">Go Wild</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-4" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7565  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 豬隊友3.0                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-4">
                        <label for="accept_tnc-4">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-4">
                        <label for="opt-out-4">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-4', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
    	
    	$( "#DonationModal-4 .donation_amount ").change(function() {
        	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-4').validationEngine();
        });
        
        $('#DonationModal-4 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-4 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-4 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-4").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7565">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7565">豬隊友3.0</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-5" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7564  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Kwok Hei Wong                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-5">
                        <label for="accept_tnc-5">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-5">
                        <label for="opt-out-5">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-5', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
    	
    	$( "#DonationModal-5 .donation_amount ").change(function() {
        	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-5').validationEngine();
        });
        
        $('#DonationModal-5 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-5 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-5 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-5").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7564">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7564">Kwok Hei Wong</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-6" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7563  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support LCY N CYY                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-6">
                        <label for="accept_tnc-6">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-6">
                        <label for="opt-out-6">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-6', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
    	
    	$( "#DonationModal-6 .donation_amount ").change(function() {
        	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-6').validationEngine();
        });
        
        $('#DonationModal-6 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-6 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-6 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-6").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7563">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7563">LCY N CYY</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-7" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7562  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ip chun wai                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-7">
                        <label for="accept_tnc-7">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-7">
                        <label for="opt-out-7">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-7', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
    	
    	$( "#DonationModal-7 .donation_amount ").change(function() {
        	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-7').validationEngine();
        });
        
        $('#DonationModal-7 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-7 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-7 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-7").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7562">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7562">Ip chun wai</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-8" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7561  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Hongkonger                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-8">
                        <label for="accept_tnc-8">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-8">
                        <label for="opt-out-8">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-8', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
    	
    	$( "#DonationModal-8 .donation_amount ").change(function() {
        	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-8').validationEngine();
        });
        
        $('#DonationModal-8 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-8 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-8 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-8").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7561">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/13AFA58F-1D22-47AC-BC6E-3AB80A7EFD0D.jpeg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7561">Hongkonger</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-9" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7558  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support SIK FUNG  WONG                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-9">
                        <label for="accept_tnc-9">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-9">
                        <label for="opt-out-9">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-9', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
    	
    	$( "#DonationModal-9 .donation_amount ").change(function() {
        	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-9').validationEngine();
        });
        
        $('#DonationModal-9 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-9 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-9 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-9").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7558">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7558">SIK FUNG  WONG</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-10" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7556  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Please support us! KKLS :D                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-10">
                        <label for="accept_tnc-10">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-10">
                        <label for="opt-out-10">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-10', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
    	
    	$( "#DonationModal-10 .donation_amount ").change(function() {
        	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-10').validationEngine();
        });
        
        $('#DonationModal-10 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-10 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-10 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-10").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7556">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/20191121_072352.jpg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7556">請多多支持我地! KKLS :D</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-11" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7554  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ka Leung Tsui                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-11">
                        <label for="accept_tnc-11">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-11">
                        <label for="opt-out-11">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-11', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
    	
    	$( "#DonationModal-11 .donation_amount ").change(function() {
        	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-11').validationEngine();
        });
        
        $('#DonationModal-11 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-11 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-11 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-11").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7554">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7554">Ka Leung Tsui</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-12" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7553  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 獅子撲兔                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-12">
                        <label for="accept_tnc-12">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-12">
                        <label for="opt-out-12">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-12', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
    	
    	$( "#DonationModal-12 .donation_amount ").change(function() {
        	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-12').validationEngine();
        });
        
        $('#DonationModal-12 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-12 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-12 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-12").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7553">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7553">獅子撲兔</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                     
            <div class="clearfix"></div>  
              
            <!--end one event-->  
              
  
            
              
            
            <p>
            	
            </p>
            <div class="paging">
                <nav>
                    <ul class="pagination theme-colored pull-right xs-pull-center mb-xs-40">
            <li><span class="prev"><a href="/campaigns/index/page:29" rel="prev">&lt; previous</a></span></li><li><span><a href="/campaigns/index/page:26">26</a></span><span><a href="/campaigns/index/page:27">27</a></span><span><a href="/campaigns/index/page:28">28</a></span><span><a href="/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/campaigns/index/page:31">31</a></span><span><a href="/campaigns/index/page:32">32</a></span><span><a href="/campaigns/index/page:33">33</a></span><span><a href="/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/campaigns/index/page:31" rel="next">next &gt;</a></span></li>                    </ul>
                </nav>
            </div>
              
              
          </div>
          
      </div>
    </section>
    
    
    
    
  </div>
  <!-- end main-content -->
   
    <script>
        
        
     
        
       
        $(function(){
             $('form.modal.multi-step').on('hidden.bs.modal', function () {

              $('.EduDonationAmount').val(500); 
              //$('#ProjectNameInput').hide();
              $('.DonationAmountVal1').val(500);
             

            });
        })
       
    
        
        function cancelSearch(){
            removeUserSearchCookie();
            window.location = '/campaign/campaigns';
        }

    </script>
    
    <script src="/js/multi-step-modal.js"></script>
    
    



',
	'scripts_for_layout' => '',
	'title_for_layout' => 'Fundraising Campaigns'
)
$categoies = array(
	(int) 0 => array(
		'Category' => array(
			'id' => '1',
			'category_name' => '揹水一戰 2017',
			'category_name_eng' => 'Race for Water 2017',
			'category_description' => '<p>Testing by Dorothy</p>
<p>Happy New Year!</p>
<p>&nbsp;</p>',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2013-03-15 13:52:22',
			'modified' => '2016-11-17 16:00:44',
			'campaign_count' => '1'
		)
	),
	(int) 1 => array(
		'Category' => array(
			'id' => '3',
			'category_name' => '點滴揹水行 2017',
			'category_name_eng' => 'Walk for Water 2017',
			'category_description' => '<p>Testing by Dorothy</p>',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-15 17:48:38',
			'modified' => '2016-11-17 16:01:03',
			'campaign_count' => '0'
		)
	),
	(int) 2 => array(
		'Category' => array(
			'id' => '6',
			'category_name' => '點滴善行在挪威2018',
			'category_name_eng' => '點滴善行在挪威2018',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => null,
			'modified' => null,
			'campaign_count' => '1'
		)
	),
	(int) 3 => array(
		'Category' => array(
			'id' => '7',
			'category_name' => '點滴善行在哈薩克斯坦2018',
			'category_name_eng' => '點滴善行在哈薩克斯坦 2018',
			'category_description' => '<p>Testing by Dorothy</p>',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-15 17:38:09',
			'modified' => '2016-11-17 16:00:55',
			'campaign_count' => '2'
		)
	),
	(int) 4 => array(
		'Category' => array(
			'id' => '9',
			'category_name' => '點滴善行在尼泊爾 2016',
			'category_name_eng' => 'Tour for Water 2016 - Nepal',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-17 16:01:33',
			'modified' => '2016-11-17 16:03:35',
			'campaign_count' => '0'
		)
	),
	(int) 5 => array(
		'Category' => array(
			'id' => '10',
			'category_name' => '點滴鎮洋單車在紐西蘭 2016',
			'category_name_eng' => 'Cycling for Water 2016 - New Zealand',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-17 16:03:25',
			'modified' => '2016-11-18 16:52:51',
			'campaign_count' => '0'
		)
	),
	(int) 6 => array(
		'Category' => array(
			'id' => '11',
			'category_name' => '揹水一戰2018',
			'category_name_eng' => 'Race for Water 2018',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2017-08-30 00:00:00',
			'modified' => '2017-08-30 00:00:00',
			'campaign_count' => '20'
		)
	),
	(int) 7 => array(
		'Category' => array(
			'id' => '18',
			'category_name' => '揹水一戰 2019',
			'category_name_eng' => 'Race for Water 2019',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2018-07-12 10:56:22',
			'modified' => '2018-07-12 10:56:22',
			'campaign_count' => '44'
		)
	),
	(int) 8 => array(
		'Category' => array(
			'id' => '19',
			'category_name' => 'AVEDA 點滴揹水Walk & Run 2019',
			'category_name_eng' => 'AVEDA Walk & Run for Water 2019',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => null,
			'modified' => null,
			'campaign_count' => '0'
		)
	),
	(int) 9 => array(
		'Category' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		)
	),
	(int) 10 => array(
		'Category' => array(
			'id' => '24',
			'category_name' => 'AVEDA 點滴揹水Walk & Run 2020',
			'category_name_eng' => 'AVEDA Walk & Run for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => null,
			'modified' => null,
			'campaign_count' => '2'
		)
	),
	(int) 11 => array(
		'Category' => array(
			'id' => '26',
			'category_name' => '揹水一戰 2023',
			'category_name_eng' => 'Race for Water 2023',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2023-01-04 00:00:00',
			'modified' => '2023-01-04 00:00:00',
			'campaign_count' => '13'
		)
	),
	(int) 12 => array(
		'Category' => array(
			'id' => '27',
			'category_name' => 'AVEDA點滴揹水Walk and Fun 2023',
			'category_name_eng' => 'AVEDA Walk & Run for Water 2023',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2023-01-04 00:00:00',
			'modified' => '2023-01-04 00:00:00',
			'campaign_count' => '3'
		)
	),
	(int) 13 => array(
		'Category' => array(
			'id' => '28',
			'category_name' => '點滴揹水Walk and Fun 2024',
			'category_name_eng' => 'Walk & Run for Water 2024',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2024-02-06 00:00:00',
			'modified' => '2024-02-06 00:00:00',
			'campaign_count' => '17'
		)
	)
)
$search = ''
$campaigns = array(
	(int) 0 => array(
		'Campaign' => array(
			'id' => '7568',
			'user_id' => '3951',
			'firstname' => 'Fung Lin',
			'lastname' => 'Chow',
			'phone' => '92624902',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092065',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '開心四人組',
			'project_name_eng' => '開心四人組',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:58:14',
			'modified' => '2019-10-09 23:58:14',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Fung Lin Chow
Pui Yee Li
Kam Tai Leung
Lai Chun Ng',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '0',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(),
		'Receipt' => array(),
		'Tag' => array()
	),
	(int) 1 => array(
		'Campaign' => array(
			'id' => '7567',
			'user_id' => '5302',
			'firstname' => 'Mei Yee',
			'lastname' => 'Chui',
			'phone' => '97890136',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092059',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'CCAA',
			'project_name_eng' => 'CCAA',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:57:54',
			'modified' => '2019-10-09 23:57:54',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Mei Yee Chui
Yat Wai Lam',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '1200',
			'project_target' => '1200',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '1',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 2 => array(
		'Campaign' => array(
			'id' => '7566',
			'user_id' => '3460',
			'firstname' => 'Mandy',
			'lastname' => 'Wong',
			'phone' => '97737656',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092052',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Go Wild',
			'project_name_eng' => 'Go Wild',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:57:42',
			'modified' => '2019-10-09 23:57:42',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Mandy Wong
Alex Ma
Jonas Fung
Wallace  Wong',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '2400',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '3',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 3 => array(
		'Campaign' => array(
			'id' => '7565',
			'user_id' => '2768',
			'firstname' => 'Suet yu',
			'lastname' => 'Yeung ',
			'phone' => '63569615',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092061',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '豬隊友3.0',
			'project_name_eng' => '豬隊友3.0',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:57:37',
			'modified' => '2019-10-09 23:57:37',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Suet yu Yeung 
Yun sang Kwan
Ping Yan 
Kwan Cheung Michael Lee ',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '2520',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '14',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			),
			(int) 13 => array(
				[maximum depth reached]
			),
			(int) 14 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			),
			(int) 13 => array(
				[maximum depth reached]
			),
			(int) 14 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 4 => array(
		'Campaign' => array(
			'id' => '7564',
			'user_id' => '3437',
			'firstname' => 'Kwok Hei',
			'lastname' => 'Wong',
			'phone' => '51345193',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092056',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Kwok Hei Wong',
			'project_name_eng' => 'Kwok Hei Wong',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:56:20',
			'modified' => '2019-10-09 23:56:20',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Kwok Hei Wong',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '1',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 5 => array(
		'Campaign' => array(
			'id' => '7563',
			'user_id' => '5301',
			'firstname' => 'Lau',
			'lastname' => 'Chi Yin',
			'phone' => '62761121',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092050',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'LCY N CYY',
			'project_name_eng' => 'LCY N CYY',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:55:52',
			'modified' => '2019-10-09 23:55:52',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Lau Chi Yin
Choi Ying Ying',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '0',
			'project_target' => '1200',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(),
		'Receipt' => array(),
		'Tag' => array()
	),
	(int) 6 => array(
		'Campaign' => array(
			'id' => '7562',
			'user_id' => '2865',
			'firstname' => 'Ip',
			'lastname' => 'chun wai',
			'phone' => '61305037',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092041',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Ip chun wai',
			'project_name_eng' => 'Ip chun wai',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:54:38',
			'modified' => '2019-10-09 23:54:38',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Ip chun wai',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 7 => array(
		'Campaign' => array(
			'id' => '7561',
			'user_id' => '5300',
			'firstname' => 'Kin Nam',
			'lastname' => 'Kwok',
			'phone' => '94976197',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092036',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Hongkonger',
			'project_name_eng' => 'Hongkonger',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:53:38',
			'modified' => '2020-01-04 13:05:37',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => 'Kwok Kin Nam
Yiu Wing Kei
Choi Sum Kong
Chan Chiu Yuen',
			'team_desc_eng' => '',
			'latest_update' => '',
			'project_amount' => '3202',
			'project_target' => '2400',
			'project_poster' => 'upload/13AFA58F-1D22-47AC-BC6E-3AB80A7EFD0D.jpeg',
			'project_poster_big' => 'upload/A0B1369D-046E-43C8-A778-C9BE40D45538.jpeg',
			'donate_status' => '',
			'donation_count' => '12',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 8 => array(
		'Campaign' => array(
			'id' => '7558',
			'user_id' => '5299',
			'firstname' => 'SIK FUNG ',
			'lastname' => 'WONG',
			'phone' => '63554304',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092040',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'SIK FUNG  WONG',
			'project_name_eng' => 'SIK FUNG  WONG',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:52:35',
			'modified' => '2019-10-09 23:52:35',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
SIK FUNG  WONG',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '1',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 9 => array(
		'Campaign' => array(
			'id' => '7556',
			'user_id' => '5297',
			'firstname' => 'Kate',
			'lastname' => 'Wong',
			'phone' => '51784063',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092026',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '請多多支持我地! KKLS :D',
			'project_name_eng' => 'Please support us! KKLS :D',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:50:08',
			'modified' => '2019-11-21 07:25:04',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => 'Kate Wong
Chun Ho Kwok
So Ngor Ching
Kwong Fai Tai',
			'team_desc_eng' => '',
			'latest_update' => '',
			'project_amount' => '3100',
			'project_target' => '2400',
			'project_poster' => 'upload/20191121_072352.jpg',
			'project_poster_big' => 'upload/Screenshot_20191121-071337_Gallery.jpg',
			'donate_status' => '',
			'donation_count' => '9',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 10 => array(
		'Campaign' => array(
			'id' => '7554',
			'user_id' => '5295',
			'firstname' => 'Ka Leung',
			'lastname' => 'Tsui',
			'phone' => '91235339',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092025',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Ka Leung Tsui',
			'project_name_eng' => 'Ka Leung Tsui',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:46:20',
			'modified' => '2019-10-09 23:46:20',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Ka Leung Tsui',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 11 => array(
		'Campaign' => array(
			'id' => '7553',
			'user_id' => '2424',
			'firstname' => 'Wing chun',
			'lastname' => 'Hui',
			'phone' => '62757178',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092015',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '獅子撲兔',
			'project_name_eng' => '獅子撲兔',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:44:24',
			'modified' => '2019-10-09 23:44:24',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Wing chun Hui
Wing fat Steve  Chow
Wai yu Lau
Terry Chiu',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '2500',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '8',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	)
)
$fb_link = 'https://www.facebook.com/v2.2/dialog/oauth?client_id=2122276667998827&state=06b505ba0bddb85bdf0b88ed7035c6bf&response_type=code&sdk=php-sdk-5.6.1&redirect_uri=http%3A%2F%2Fuatdonation.adropoflife.org%2Fauth_acl%2Fusers%2Flogin&scope=email'
$content_for_layout = '<style>
    #header{
        min-height: 70px;
    }
    
    .header-nav-wrapper{
         background-color:#FFF;
    }
    
    .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a{  
        color: #888;
    }

</style>

<link rel="stylesheet" type="text/css" href="/css/validationEngine.jquery.css"/><script type="text/javascript" src="/js/jquery.validationEngine-eng.js"></script><script type="text/javascript" src="/js/jquery.validationEngine.js"></script>

<!--Donation Modal-->
<div id="DonationModal2" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title" id="exampleModalLabel">Donation Form</h4>
        </div>
        
        <div class="modal-body">
          <form id="popupDonateForm" method="post" action="/campaigns/before_donation">
                 
               <!--hidden campaign ID-->
               <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value=""/>
               <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>
              
               <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
               <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
               <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
               <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>
              
               <div class="form-group">
                 <label class="form-control-label">Campaign Name :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">First Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][firstname]" required>
                  
                      <label for="recipient-name" class="form-control-label">Last Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][lastname]" required>
              </div>
              <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Email Address:</label>
                  <input type="email" class="form-control" name="data[Donation][user_email]"  required>
              </div>
            <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                  <input type="number" class="form-control" name="data[Donation][amount]"  min="1" step="1" required>
            </div>
            
            <!--
            <div class="form-group">
              <label for="message-text" class="form-control-label">Remark:</label>
              <textarea class="form-control" id="message-text"></textarea>
            </div>
            -->
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              <button type="submit" class="btn btn-primary">Donate</button>
            </div>
          </form>
            
        </div>
    
    </div>
  </div>
</div>
<!--END Donation Moal-->

<div class="main-content">
    <!-- Section: inner-header -->
    <section class="inner-header divider layer-overlay overlay-dark" data-bg-img="/images/header/377B5007.jpg">
      <div class="container pt-30 pb-30">
        <!-- Section Content -->
        <div class="section-content text-center">
          <div class="row"> 
            <div class="col-md-6 col-md-offset-3 text-center">
        	             
             <h3 class="font-36">Fundraising Campaign</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">Home</a></li>
                <li class="active">Fundraising Campaign</li>	            	
              </ol>
              
                
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Section: Upcoming Event -->
    <section>
      <div class="container">
        <div class="row">
        	<div class="col-sm-12 col-md-3">
            <div class="sidebar sidebar-right mt-sm-30">
              
                <!--
                <div class="widget">
                    <h5 class="widget-title line-bottom"></h5>
                    <div class="search-form">
                                                <div class="row-fluid show-grid">
                            <div class="span12">
                                <div class="input-group">
                                                                        
                                </div>
                            </div>
                        </div>
                                            </div>
                </div>
                -->
                
                <!--strat the search form-->
                
                <div class="widget">
                <h5 class="widget-title line-bottom">Search</h5>
                <div class="search-form">
                
                <form action="/" class="filter form-signin form-horizontal" id="FilterIndexForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>                <div class="input-group">
                <div class="input text"><label for="FilterSearch"></label><input name="data[Filter][search]" placeholder="Search..." class="form-control search-input" type="text" id="FilterSearch"/></div>  
                    <span class="input-group-btn">
                      <button type="submit" class="btn search-button"><i class="fa fa-search"></i></button>
                    </span>
                </div>
                </form>                    </div>
                </div>
                
                <!--end the search form-->
                
                
              <div class="widget">
                <h5 class="widget-title line-bottom">Categories</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">Race for Water 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">Walk for Water 2017<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:6">點滴善行在挪威2018<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:7">點滴善行在哈薩克斯坦 2018<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:9">Tour for Water 2016 - Nepal<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">Cycling for Water 2016 - New Zealand<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">Race for Water 2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">Race for Water 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA Walk & Run for Water 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">Race for Water 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA Walk & Run for Water 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">Race for Water 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA Walk & Run for Water 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">Walk & Run for Water 2024<span>(17)</span></a></li>
                   
                                      </ul>
                </div>
              </div>              
            </div>
          </div>
            
            
          <div class="col-sm-12 col-md-9">
              
            <div>
                          </div>
         
           <!--start one event-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-1" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7568  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 開心四人組                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-1">
                        <label for="accept_tnc-1">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-1">
                        <label for="opt-out-1">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-1', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
    	
    	$( "#DonationModal-1 .donation_amount ").change(function() {
        	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-1').validationEngine();
        });
        
        $('#DonationModal-1 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-1 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-1 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-1").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7568">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7568">開心四人組</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-2" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7567  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support CCAA                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-2">
                        <label for="accept_tnc-2">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-2">
                        <label for="opt-out-2">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-2', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
    	
    	$( "#DonationModal-2 .donation_amount ").change(function() {
        	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-2').validationEngine();
        });
        
        $('#DonationModal-2 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-2 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-2 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-2").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7567">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7567">CCAA</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-3" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7566  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Go Wild                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-3">
                        <label for="accept_tnc-3">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-3">
                        <label for="opt-out-3">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-3', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
    	
    	$( "#DonationModal-3 .donation_amount ").change(function() {
        	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-3').validationEngine();
        });
        
        $('#DonationModal-3 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-3 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-3 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-3").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7566">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7566">Go Wild</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-4" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7565  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 豬隊友3.0                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-4">
                        <label for="accept_tnc-4">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-4">
                        <label for="opt-out-4">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-4', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
    	
    	$( "#DonationModal-4 .donation_amount ").change(function() {
        	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-4').validationEngine();
        });
        
        $('#DonationModal-4 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-4 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-4 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-4").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7565">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7565">豬隊友3.0</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-5" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7564  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Kwok Hei Wong                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-5">
                        <label for="accept_tnc-5">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-5">
                        <label for="opt-out-5">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-5', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
    	
    	$( "#DonationModal-5 .donation_amount ").change(function() {
        	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-5').validationEngine();
        });
        
        $('#DonationModal-5 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-5 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-5 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-5").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7564">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7564">Kwok Hei Wong</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-6" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7563  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support LCY N CYY                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-6">
                        <label for="accept_tnc-6">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-6">
                        <label for="opt-out-6">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-6', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
    	
    	$( "#DonationModal-6 .donation_amount ").change(function() {
        	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-6').validationEngine();
        });
        
        $('#DonationModal-6 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-6 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-6 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-6").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7563">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7563">LCY N CYY</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-7" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7562  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ip chun wai                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-7">
                        <label for="accept_tnc-7">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-7">
                        <label for="opt-out-7">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-7', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
    	
    	$( "#DonationModal-7 .donation_amount ").change(function() {
        	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-7').validationEngine();
        });
        
        $('#DonationModal-7 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-7 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-7 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-7").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7562">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7562">Ip chun wai</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-8" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7561  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Hongkonger                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-8">
                        <label for="accept_tnc-8">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-8">
                        <label for="opt-out-8">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-8', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
    	
    	$( "#DonationModal-8 .donation_amount ").change(function() {
        	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-8').validationEngine();
        });
        
        $('#DonationModal-8 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-8 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-8 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-8").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7561">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/13AFA58F-1D22-47AC-BC6E-3AB80A7EFD0D.jpeg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7561">Hongkonger</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-9" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7558  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support SIK FUNG  WONG                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-9">
                        <label for="accept_tnc-9">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-9">
                        <label for="opt-out-9">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-9', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
    	
    	$( "#DonationModal-9 .donation_amount ").change(function() {
        	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-9').validationEngine();
        });
        
        $('#DonationModal-9 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-9 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-9 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-9").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7558">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7558">SIK FUNG  WONG</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-10" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7556  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Please support us! KKLS :D                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-10">
                        <label for="accept_tnc-10">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-10">
                        <label for="opt-out-10">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-10', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
    	
    	$( "#DonationModal-10 .donation_amount ").change(function() {
        	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-10').validationEngine();
        });
        
        $('#DonationModal-10 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-10 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-10 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-10").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7556">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/20191121_072352.jpg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7556">請多多支持我地! KKLS :D</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-11" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7554  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ka Leung Tsui                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-11">
                        <label for="accept_tnc-11">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-11">
                        <label for="opt-out-11">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-11', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
    	
    	$( "#DonationModal-11 .donation_amount ").change(function() {
        	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-11').validationEngine();
        });
        
        $('#DonationModal-11 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-11 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-11 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-11").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7554">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7554">Ka Leung Tsui</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-12" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7553  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 獅子撲兔                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-12">
                        <label for="accept_tnc-12">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-12">
                        <label for="opt-out-12">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-12', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
    	
    	$( "#DonationModal-12 .donation_amount ").change(function() {
        	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-12').validationEngine();
        });
        
        $('#DonationModal-12 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-12 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-12 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-12").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7553">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7553">獅子撲兔</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                     
            <div class="clearfix"></div>  
              
            <!--end one event-->  
              
  
            
              
            
            <p>
            	
            </p>
            <div class="paging">
                <nav>
                    <ul class="pagination theme-colored pull-right xs-pull-center mb-xs-40">
            <li><span class="prev"><a href="/campaigns/index/page:29" rel="prev">&lt; previous</a></span></li><li><span><a href="/campaigns/index/page:26">26</a></span><span><a href="/campaigns/index/page:27">27</a></span><span><a href="/campaigns/index/page:28">28</a></span><span><a href="/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/campaigns/index/page:31">31</a></span><span><a href="/campaigns/index/page:32">32</a></span><span><a href="/campaigns/index/page:33">33</a></span><span><a href="/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/campaigns/index/page:31" rel="next">next &gt;</a></span></li>                    </ul>
                </nav>
            </div>
              
              
          </div>
          
      </div>
    </section>
    
    
    
    
  </div>
  <!-- end main-content -->
   
    <script>
        
        
     
        
       
        $(function(){
             $('form.modal.multi-step').on('hidden.bs.modal', function () {

              $('.EduDonationAmount').val(500); 
              //$('#ProjectNameInput').hide();
              $('.DonationAmountVal1').val(500);
             

            });
        })
       
    
        
        function cancelSearch(){
            removeUserSearchCookie();
            window.location = '/campaign/campaigns';
        }

    </script>
    
    <script src="/js/multi-step-modal.js"></script>
    
    



'
$scripts_for_layout = ''
$title_for_layout = 'Fundraising Campaigns'
$cakeDescription = 'CakePHP: the rapid development php framework'
$cakeVersion = 'CakePHP 2.10.22'
$passedArgs = array(
	'page' => '30'
)
include - APP/View/Layouts/default.ctp, line 173
View::_evaluate() - CORE/Cake/View/View.php, line 971
View::_render() - CORE/Cake/View/View.php, line 933
View::renderLayout() - CORE/Cake/View/View.php, line 546
View::render() - CORE/Cake/View/View.php, line 481
Controller::render() - CORE/Cake/Controller/Controller.php, line 968
CampaignsController::index() - APP/Controller/CampaignsController.php, line 83
ReflectionMethod::invokeArgs() - [internal], line ??
Controller::invokeAction() - CORE/Cake/Controller/Controller.php, line 499
Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 193
Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 167
[main] - APP/webroot/index.php, line 117

Notice (8): Trying to access array offset on value of type null [APP/View/Layouts/default.ctp, line 173]Code Context                <?php endif;?>
                    <?php endif;?>
             <?php if ($campaign['Campaign']['id']!=9870):?>
$viewFile = '/var/www/html/uatdonation.adropoflife.org/public_html/app/View/Layouts/default.ctp'
$dataForView = array(
	'categoies' => array(
		(int) 0 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 1 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 2 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 3 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 4 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 5 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 6 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 7 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 8 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 9 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 10 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 11 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 12 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 13 => array(
			'Category' => array(
				[maximum depth reached]
			)
		)
	),
	'search' => '',
	'campaigns' => array(
		(int) 0 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array([maximum depth reached]),
			'Receipt' => array([maximum depth reached]),
			'Tag' => array([maximum depth reached])
		),
		(int) 1 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 2 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 3 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 4 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 5 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array([maximum depth reached]),
			'Receipt' => array([maximum depth reached]),
			'Tag' => array([maximum depth reached])
		),
		(int) 6 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 7 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 8 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 9 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 10 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 11 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		)
	),
	'fb_link' => 'https://www.facebook.com/v2.2/dialog/oauth?client_id=2122276667998827&state=06b505ba0bddb85bdf0b88ed7035c6bf&response_type=code&sdk=php-sdk-5.6.1&redirect_uri=http%3A%2F%2Fuatdonation.adropoflife.org%2Fauth_acl%2Fusers%2Flogin&scope=email',
	'content_for_layout' => '<style>
    #header{
        min-height: 70px;
    }
    
    .header-nav-wrapper{
         background-color:#FFF;
    }
    
    .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a{  
        color: #888;
    }

</style>

<link rel="stylesheet" type="text/css" href="/css/validationEngine.jquery.css"/><script type="text/javascript" src="/js/jquery.validationEngine-eng.js"></script><script type="text/javascript" src="/js/jquery.validationEngine.js"></script>

<!--Donation Modal-->
<div id="DonationModal2" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title" id="exampleModalLabel">Donation Form</h4>
        </div>
        
        <div class="modal-body">
          <form id="popupDonateForm" method="post" action="/campaigns/before_donation">
                 
               <!--hidden campaign ID-->
               <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value=""/>
               <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>
              
               <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
               <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
               <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
               <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>
              
               <div class="form-group">
                 <label class="form-control-label">Campaign Name :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">First Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][firstname]" required>
                  
                      <label for="recipient-name" class="form-control-label">Last Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][lastname]" required>
              </div>
              <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Email Address:</label>
                  <input type="email" class="form-control" name="data[Donation][user_email]"  required>
              </div>
            <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                  <input type="number" class="form-control" name="data[Donation][amount]"  min="1" step="1" required>
            </div>
            
            <!--
            <div class="form-group">
              <label for="message-text" class="form-control-label">Remark:</label>
              <textarea class="form-control" id="message-text"></textarea>
            </div>
            -->
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              <button type="submit" class="btn btn-primary">Donate</button>
            </div>
          </form>
            
        </div>
    
    </div>
  </div>
</div>
<!--END Donation Moal-->

<div class="main-content">
    <!-- Section: inner-header -->
    <section class="inner-header divider layer-overlay overlay-dark" data-bg-img="/images/header/377B5007.jpg">
      <div class="container pt-30 pb-30">
        <!-- Section Content -->
        <div class="section-content text-center">
          <div class="row"> 
            <div class="col-md-6 col-md-offset-3 text-center">
        	             
             <h3 class="font-36">Fundraising Campaign</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">Home</a></li>
                <li class="active">Fundraising Campaign</li>	            	
              </ol>
              
                
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Section: Upcoming Event -->
    <section>
      <div class="container">
        <div class="row">
        	<div class="col-sm-12 col-md-3">
            <div class="sidebar sidebar-right mt-sm-30">
              
                <!--
                <div class="widget">
                    <h5 class="widget-title line-bottom"></h5>
                    <div class="search-form">
                                                <div class="row-fluid show-grid">
                            <div class="span12">
                                <div class="input-group">
                                                                        
                                </div>
                            </div>
                        </div>
                                            </div>
                </div>
                -->
                
                <!--strat the search form-->
                
                <div class="widget">
                <h5 class="widget-title line-bottom">Search</h5>
                <div class="search-form">
                
                <form action="/" class="filter form-signin form-horizontal" id="FilterIndexForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>                <div class="input-group">
                <div class="input text"><label for="FilterSearch"></label><input name="data[Filter][search]" placeholder="Search..." class="form-control search-input" type="text" id="FilterSearch"/></div>  
                    <span class="input-group-btn">
                      <button type="submit" class="btn search-button"><i class="fa fa-search"></i></button>
                    </span>
                </div>
                </form>                    </div>
                </div>
                
                <!--end the search form-->
                
                
              <div class="widget">
                <h5 class="widget-title line-bottom">Categories</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">Race for Water 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">Walk for Water 2017<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:6">點滴善行在挪威2018<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:7">點滴善行在哈薩克斯坦 2018<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:9">Tour for Water 2016 - Nepal<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">Cycling for Water 2016 - New Zealand<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">Race for Water 2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">Race for Water 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA Walk & Run for Water 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">Race for Water 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA Walk & Run for Water 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">Race for Water 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA Walk & Run for Water 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">Walk & Run for Water 2024<span>(17)</span></a></li>
                   
                                      </ul>
                </div>
              </div>              
            </div>
          </div>
            
            
          <div class="col-sm-12 col-md-9">
              
            <div>
                          </div>
         
           <!--start one event-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-1" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7568  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 開心四人組                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-1">
                        <label for="accept_tnc-1">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-1">
                        <label for="opt-out-1">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-1', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
    	
    	$( "#DonationModal-1 .donation_amount ").change(function() {
        	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-1').validationEngine();
        });
        
        $('#DonationModal-1 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-1 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-1 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-1").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7568">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7568">開心四人組</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-2" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7567  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support CCAA                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-2">
                        <label for="accept_tnc-2">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-2">
                        <label for="opt-out-2">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-2', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
    	
    	$( "#DonationModal-2 .donation_amount ").change(function() {
        	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-2').validationEngine();
        });
        
        $('#DonationModal-2 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-2 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-2 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-2").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7567">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7567">CCAA</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-3" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7566  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Go Wild                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-3">
                        <label for="accept_tnc-3">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-3">
                        <label for="opt-out-3">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-3', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
    	
    	$( "#DonationModal-3 .donation_amount ").change(function() {
        	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-3').validationEngine();
        });
        
        $('#DonationModal-3 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-3 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-3 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-3").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7566">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7566">Go Wild</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-4" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7565  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 豬隊友3.0                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-4">
                        <label for="accept_tnc-4">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-4">
                        <label for="opt-out-4">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-4', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
    	
    	$( "#DonationModal-4 .donation_amount ").change(function() {
        	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-4').validationEngine();
        });
        
        $('#DonationModal-4 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-4 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-4 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-4").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7565">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7565">豬隊友3.0</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-5" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7564  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Kwok Hei Wong                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-5">
                        <label for="accept_tnc-5">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-5">
                        <label for="opt-out-5">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-5', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
    	
    	$( "#DonationModal-5 .donation_amount ").change(function() {
        	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-5').validationEngine();
        });
        
        $('#DonationModal-5 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-5 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-5 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-5").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7564">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7564">Kwok Hei Wong</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-6" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7563  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support LCY N CYY                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-6">
                        <label for="accept_tnc-6">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-6">
                        <label for="opt-out-6">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-6', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
    	
    	$( "#DonationModal-6 .donation_amount ").change(function() {
        	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-6').validationEngine();
        });
        
        $('#DonationModal-6 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-6 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-6 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-6").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7563">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7563">LCY N CYY</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-7" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7562  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ip chun wai                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-7">
                        <label for="accept_tnc-7">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-7">
                        <label for="opt-out-7">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-7', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
    	
    	$( "#DonationModal-7 .donation_amount ").change(function() {
        	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-7').validationEngine();
        });
        
        $('#DonationModal-7 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-7 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-7 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-7").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7562">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7562">Ip chun wai</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-8" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7561  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Hongkonger                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-8">
                        <label for="accept_tnc-8">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-8">
                        <label for="opt-out-8">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-8', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
    	
    	$( "#DonationModal-8 .donation_amount ").change(function() {
        	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-8').validationEngine();
        });
        
        $('#DonationModal-8 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-8 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-8 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-8").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7561">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/13AFA58F-1D22-47AC-BC6E-3AB80A7EFD0D.jpeg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7561">Hongkonger</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-9" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7558  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support SIK FUNG  WONG                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-9">
                        <label for="accept_tnc-9">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-9">
                        <label for="opt-out-9">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-9', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
    	
    	$( "#DonationModal-9 .donation_amount ").change(function() {
        	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-9').validationEngine();
        });
        
        $('#DonationModal-9 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-9 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-9 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-9").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7558">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7558">SIK FUNG  WONG</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-10" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7556  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Please support us! KKLS :D                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-10">
                        <label for="accept_tnc-10">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-10">
                        <label for="opt-out-10">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-10', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
    	
    	$( "#DonationModal-10 .donation_amount ").change(function() {
        	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-10').validationEngine();
        });
        
        $('#DonationModal-10 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-10 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-10 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-10").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7556">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/20191121_072352.jpg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7556">請多多支持我地! KKLS :D</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-11" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7554  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ka Leung Tsui                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-11">
                        <label for="accept_tnc-11">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-11">
                        <label for="opt-out-11">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-11', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
    	
    	$( "#DonationModal-11 .donation_amount ").change(function() {
        	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-11').validationEngine();
        });
        
        $('#DonationModal-11 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-11 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-11 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-11").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7554">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7554">Ka Leung Tsui</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-12" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7553  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 獅子撲兔                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-12">
                        <label for="accept_tnc-12">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-12">
                        <label for="opt-out-12">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-12', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
    	
    	$( "#DonationModal-12 .donation_amount ").change(function() {
        	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-12').validationEngine();
        });
        
        $('#DonationModal-12 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-12 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-12 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-12").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7553">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7553">獅子撲兔</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                     
            <div class="clearfix"></div>  
              
            <!--end one event-->  
              
  
            
              
            
            <p>
            	
            </p>
            <div class="paging">
                <nav>
                    <ul class="pagination theme-colored pull-right xs-pull-center mb-xs-40">
            <li><span class="prev"><a href="/campaigns/index/page:29" rel="prev">&lt; previous</a></span></li><li><span><a href="/campaigns/index/page:26">26</a></span><span><a href="/campaigns/index/page:27">27</a></span><span><a href="/campaigns/index/page:28">28</a></span><span><a href="/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/campaigns/index/page:31">31</a></span><span><a href="/campaigns/index/page:32">32</a></span><span><a href="/campaigns/index/page:33">33</a></span><span><a href="/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/campaigns/index/page:31" rel="next">next &gt;</a></span></li>                    </ul>
                </nav>
            </div>
              
              
          </div>
          
      </div>
    </section>
    
    
    
    
  </div>
  <!-- end main-content -->
   
    <script>
        
        
     
        
       
        $(function(){
             $('form.modal.multi-step').on('hidden.bs.modal', function () {

              $('.EduDonationAmount').val(500); 
              //$('#ProjectNameInput').hide();
              $('.DonationAmountVal1').val(500);
             

            });
        })
       
    
        
        function cancelSearch(){
            removeUserSearchCookie();
            window.location = '/campaign/campaigns';
        }

    </script>
    
    <script src="/js/multi-step-modal.js"></script>
    
    



',
	'scripts_for_layout' => '',
	'title_for_layout' => 'Fundraising Campaigns'
)
$categoies = array(
	(int) 0 => array(
		'Category' => array(
			'id' => '1',
			'category_name' => '揹水一戰 2017',
			'category_name_eng' => 'Race for Water 2017',
			'category_description' => '<p>Testing by Dorothy</p>
<p>Happy New Year!</p>
<p>&nbsp;</p>',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2013-03-15 13:52:22',
			'modified' => '2016-11-17 16:00:44',
			'campaign_count' => '1'
		)
	),
	(int) 1 => array(
		'Category' => array(
			'id' => '3',
			'category_name' => '點滴揹水行 2017',
			'category_name_eng' => 'Walk for Water 2017',
			'category_description' => '<p>Testing by Dorothy</p>',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-15 17:48:38',
			'modified' => '2016-11-17 16:01:03',
			'campaign_count' => '0'
		)
	),
	(int) 2 => array(
		'Category' => array(
			'id' => '6',
			'category_name' => '點滴善行在挪威2018',
			'category_name_eng' => '點滴善行在挪威2018',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => null,
			'modified' => null,
			'campaign_count' => '1'
		)
	),
	(int) 3 => array(
		'Category' => array(
			'id' => '7',
			'category_name' => '點滴善行在哈薩克斯坦2018',
			'category_name_eng' => '點滴善行在哈薩克斯坦 2018',
			'category_description' => '<p>Testing by Dorothy</p>',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-15 17:38:09',
			'modified' => '2016-11-17 16:00:55',
			'campaign_count' => '2'
		)
	),
	(int) 4 => array(
		'Category' => array(
			'id' => '9',
			'category_name' => '點滴善行在尼泊爾 2016',
			'category_name_eng' => 'Tour for Water 2016 - Nepal',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-17 16:01:33',
			'modified' => '2016-11-17 16:03:35',
			'campaign_count' => '0'
		)
	),
	(int) 5 => array(
		'Category' => array(
			'id' => '10',
			'category_name' => '點滴鎮洋單車在紐西蘭 2016',
			'category_name_eng' => 'Cycling for Water 2016 - New Zealand',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-17 16:03:25',
			'modified' => '2016-11-18 16:52:51',
			'campaign_count' => '0'
		)
	),
	(int) 6 => array(
		'Category' => array(
			'id' => '11',
			'category_name' => '揹水一戰2018',
			'category_name_eng' => 'Race for Water 2018',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2017-08-30 00:00:00',
			'modified' => '2017-08-30 00:00:00',
			'campaign_count' => '20'
		)
	),
	(int) 7 => array(
		'Category' => array(
			'id' => '18',
			'category_name' => '揹水一戰 2019',
			'category_name_eng' => 'Race for Water 2019',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2018-07-12 10:56:22',
			'modified' => '2018-07-12 10:56:22',
			'campaign_count' => '44'
		)
	),
	(int) 8 => array(
		'Category' => array(
			'id' => '19',
			'category_name' => 'AVEDA 點滴揹水Walk & Run 2019',
			'category_name_eng' => 'AVEDA Walk & Run for Water 2019',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => null,
			'modified' => null,
			'campaign_count' => '0'
		)
	),
	(int) 9 => array(
		'Category' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		)
	),
	(int) 10 => array(
		'Category' => array(
			'id' => '24',
			'category_name' => 'AVEDA 點滴揹水Walk & Run 2020',
			'category_name_eng' => 'AVEDA Walk & Run for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => null,
			'modified' => null,
			'campaign_count' => '2'
		)
	),
	(int) 11 => array(
		'Category' => array(
			'id' => '26',
			'category_name' => '揹水一戰 2023',
			'category_name_eng' => 'Race for Water 2023',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2023-01-04 00:00:00',
			'modified' => '2023-01-04 00:00:00',
			'campaign_count' => '13'
		)
	),
	(int) 12 => array(
		'Category' => array(
			'id' => '27',
			'category_name' => 'AVEDA點滴揹水Walk and Fun 2023',
			'category_name_eng' => 'AVEDA Walk & Run for Water 2023',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2023-01-04 00:00:00',
			'modified' => '2023-01-04 00:00:00',
			'campaign_count' => '3'
		)
	),
	(int) 13 => array(
		'Category' => array(
			'id' => '28',
			'category_name' => '點滴揹水Walk and Fun 2024',
			'category_name_eng' => 'Walk & Run for Water 2024',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2024-02-06 00:00:00',
			'modified' => '2024-02-06 00:00:00',
			'campaign_count' => '17'
		)
	)
)
$search = ''
$campaigns = array(
	(int) 0 => array(
		'Campaign' => array(
			'id' => '7568',
			'user_id' => '3951',
			'firstname' => 'Fung Lin',
			'lastname' => 'Chow',
			'phone' => '92624902',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092065',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '開心四人組',
			'project_name_eng' => '開心四人組',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:58:14',
			'modified' => '2019-10-09 23:58:14',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Fung Lin Chow
Pui Yee Li
Kam Tai Leung
Lai Chun Ng',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '0',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(),
		'Receipt' => array(),
		'Tag' => array()
	),
	(int) 1 => array(
		'Campaign' => array(
			'id' => '7567',
			'user_id' => '5302',
			'firstname' => 'Mei Yee',
			'lastname' => 'Chui',
			'phone' => '97890136',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092059',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'CCAA',
			'project_name_eng' => 'CCAA',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:57:54',
			'modified' => '2019-10-09 23:57:54',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Mei Yee Chui
Yat Wai Lam',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '1200',
			'project_target' => '1200',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '1',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 2 => array(
		'Campaign' => array(
			'id' => '7566',
			'user_id' => '3460',
			'firstname' => 'Mandy',
			'lastname' => 'Wong',
			'phone' => '97737656',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092052',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Go Wild',
			'project_name_eng' => 'Go Wild',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:57:42',
			'modified' => '2019-10-09 23:57:42',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Mandy Wong
Alex Ma
Jonas Fung
Wallace  Wong',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '2400',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '3',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 3 => array(
		'Campaign' => array(
			'id' => '7565',
			'user_id' => '2768',
			'firstname' => 'Suet yu',
			'lastname' => 'Yeung ',
			'phone' => '63569615',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092061',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '豬隊友3.0',
			'project_name_eng' => '豬隊友3.0',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:57:37',
			'modified' => '2019-10-09 23:57:37',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Suet yu Yeung 
Yun sang Kwan
Ping Yan 
Kwan Cheung Michael Lee ',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '2520',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '14',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			),
			(int) 13 => array(
				[maximum depth reached]
			),
			(int) 14 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			),
			(int) 13 => array(
				[maximum depth reached]
			),
			(int) 14 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 4 => array(
		'Campaign' => array(
			'id' => '7564',
			'user_id' => '3437',
			'firstname' => 'Kwok Hei',
			'lastname' => 'Wong',
			'phone' => '51345193',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092056',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Kwok Hei Wong',
			'project_name_eng' => 'Kwok Hei Wong',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:56:20',
			'modified' => '2019-10-09 23:56:20',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Kwok Hei Wong',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '1',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 5 => array(
		'Campaign' => array(
			'id' => '7563',
			'user_id' => '5301',
			'firstname' => 'Lau',
			'lastname' => 'Chi Yin',
			'phone' => '62761121',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092050',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'LCY N CYY',
			'project_name_eng' => 'LCY N CYY',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:55:52',
			'modified' => '2019-10-09 23:55:52',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Lau Chi Yin
Choi Ying Ying',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '0',
			'project_target' => '1200',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(),
		'Receipt' => array(),
		'Tag' => array()
	),
	(int) 6 => array(
		'Campaign' => array(
			'id' => '7562',
			'user_id' => '2865',
			'firstname' => 'Ip',
			'lastname' => 'chun wai',
			'phone' => '61305037',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092041',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Ip chun wai',
			'project_name_eng' => 'Ip chun wai',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:54:38',
			'modified' => '2019-10-09 23:54:38',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Ip chun wai',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 7 => array(
		'Campaign' => array(
			'id' => '7561',
			'user_id' => '5300',
			'firstname' => 'Kin Nam',
			'lastname' => 'Kwok',
			'phone' => '94976197',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092036',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Hongkonger',
			'project_name_eng' => 'Hongkonger',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:53:38',
			'modified' => '2020-01-04 13:05:37',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => 'Kwok Kin Nam
Yiu Wing Kei
Choi Sum Kong
Chan Chiu Yuen',
			'team_desc_eng' => '',
			'latest_update' => '',
			'project_amount' => '3202',
			'project_target' => '2400',
			'project_poster' => 'upload/13AFA58F-1D22-47AC-BC6E-3AB80A7EFD0D.jpeg',
			'project_poster_big' => 'upload/A0B1369D-046E-43C8-A778-C9BE40D45538.jpeg',
			'donate_status' => '',
			'donation_count' => '12',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 8 => array(
		'Campaign' => array(
			'id' => '7558',
			'user_id' => '5299',
			'firstname' => 'SIK FUNG ',
			'lastname' => 'WONG',
			'phone' => '63554304',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092040',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'SIK FUNG  WONG',
			'project_name_eng' => 'SIK FUNG  WONG',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:52:35',
			'modified' => '2019-10-09 23:52:35',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
SIK FUNG  WONG',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '1',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 9 => array(
		'Campaign' => array(
			'id' => '7556',
			'user_id' => '5297',
			'firstname' => 'Kate',
			'lastname' => 'Wong',
			'phone' => '51784063',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092026',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '請多多支持我地! KKLS :D',
			'project_name_eng' => 'Please support us! KKLS :D',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:50:08',
			'modified' => '2019-11-21 07:25:04',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => 'Kate Wong
Chun Ho Kwok
So Ngor Ching
Kwong Fai Tai',
			'team_desc_eng' => '',
			'latest_update' => '',
			'project_amount' => '3100',
			'project_target' => '2400',
			'project_poster' => 'upload/20191121_072352.jpg',
			'project_poster_big' => 'upload/Screenshot_20191121-071337_Gallery.jpg',
			'donate_status' => '',
			'donation_count' => '9',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 10 => array(
		'Campaign' => array(
			'id' => '7554',
			'user_id' => '5295',
			'firstname' => 'Ka Leung',
			'lastname' => 'Tsui',
			'phone' => '91235339',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092025',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Ka Leung Tsui',
			'project_name_eng' => 'Ka Leung Tsui',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:46:20',
			'modified' => '2019-10-09 23:46:20',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Ka Leung Tsui',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 11 => array(
		'Campaign' => array(
			'id' => '7553',
			'user_id' => '2424',
			'firstname' => 'Wing chun',
			'lastname' => 'Hui',
			'phone' => '62757178',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092015',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '獅子撲兔',
			'project_name_eng' => '獅子撲兔',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:44:24',
			'modified' => '2019-10-09 23:44:24',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Wing chun Hui
Wing fat Steve  Chow
Wai yu Lau
Terry Chiu',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '2500',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '8',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	)
)
$fb_link = 'https://www.facebook.com/v2.2/dialog/oauth?client_id=2122276667998827&state=06b505ba0bddb85bdf0b88ed7035c6bf&response_type=code&sdk=php-sdk-5.6.1&redirect_uri=http%3A%2F%2Fuatdonation.adropoflife.org%2Fauth_acl%2Fusers%2Flogin&scope=email'
$content_for_layout = '<style>
    #header{
        min-height: 70px;
    }
    
    .header-nav-wrapper{
         background-color:#FFF;
    }
    
    .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a{  
        color: #888;
    }

</style>

<link rel="stylesheet" type="text/css" href="/css/validationEngine.jquery.css"/><script type="text/javascript" src="/js/jquery.validationEngine-eng.js"></script><script type="text/javascript" src="/js/jquery.validationEngine.js"></script>

<!--Donation Modal-->
<div id="DonationModal2" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title" id="exampleModalLabel">Donation Form</h4>
        </div>
        
        <div class="modal-body">
          <form id="popupDonateForm" method="post" action="/campaigns/before_donation">
                 
               <!--hidden campaign ID-->
               <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value=""/>
               <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>
              
               <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
               <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
               <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
               <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>
              
               <div class="form-group">
                 <label class="form-control-label">Campaign Name :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">First Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][firstname]" required>
                  
                      <label for="recipient-name" class="form-control-label">Last Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][lastname]" required>
              </div>
              <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Email Address:</label>
                  <input type="email" class="form-control" name="data[Donation][user_email]"  required>
              </div>
            <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                  <input type="number" class="form-control" name="data[Donation][amount]"  min="1" step="1" required>
            </div>
            
            <!--
            <div class="form-group">
              <label for="message-text" class="form-control-label">Remark:</label>
              <textarea class="form-control" id="message-text"></textarea>
            </div>
            -->
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              <button type="submit" class="btn btn-primary">Donate</button>
            </div>
          </form>
            
        </div>
    
    </div>
  </div>
</div>
<!--END Donation Moal-->

<div class="main-content">
    <!-- Section: inner-header -->
    <section class="inner-header divider layer-overlay overlay-dark" data-bg-img="/images/header/377B5007.jpg">
      <div class="container pt-30 pb-30">
        <!-- Section Content -->
        <div class="section-content text-center">
          <div class="row"> 
            <div class="col-md-6 col-md-offset-3 text-center">
        	             
             <h3 class="font-36">Fundraising Campaign</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">Home</a></li>
                <li class="active">Fundraising Campaign</li>	            	
              </ol>
              
                
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Section: Upcoming Event -->
    <section>
      <div class="container">
        <div class="row">
        	<div class="col-sm-12 col-md-3">
            <div class="sidebar sidebar-right mt-sm-30">
              
                <!--
                <div class="widget">
                    <h5 class="widget-title line-bottom"></h5>
                    <div class="search-form">
                                                <div class="row-fluid show-grid">
                            <div class="span12">
                                <div class="input-group">
                                                                        
                                </div>
                            </div>
                        </div>
                                            </div>
                </div>
                -->
                
                <!--strat the search form-->
                
                <div class="widget">
                <h5 class="widget-title line-bottom">Search</h5>
                <div class="search-form">
                
                <form action="/" class="filter form-signin form-horizontal" id="FilterIndexForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>                <div class="input-group">
                <div class="input text"><label for="FilterSearch"></label><input name="data[Filter][search]" placeholder="Search..." class="form-control search-input" type="text" id="FilterSearch"/></div>  
                    <span class="input-group-btn">
                      <button type="submit" class="btn search-button"><i class="fa fa-search"></i></button>
                    </span>
                </div>
                </form>                    </div>
                </div>
                
                <!--end the search form-->
                
                
              <div class="widget">
                <h5 class="widget-title line-bottom">Categories</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">Race for Water 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">Walk for Water 2017<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:6">點滴善行在挪威2018<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:7">點滴善行在哈薩克斯坦 2018<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:9">Tour for Water 2016 - Nepal<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">Cycling for Water 2016 - New Zealand<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">Race for Water 2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">Race for Water 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA Walk & Run for Water 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">Race for Water 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA Walk & Run for Water 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">Race for Water 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA Walk & Run for Water 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">Walk & Run for Water 2024<span>(17)</span></a></li>
                   
                                      </ul>
                </div>
              </div>              
            </div>
          </div>
            
            
          <div class="col-sm-12 col-md-9">
              
            <div>
                          </div>
         
           <!--start one event-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-1" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7568  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 開心四人組                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-1">
                        <label for="accept_tnc-1">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-1">
                        <label for="opt-out-1">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-1', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
    	
    	$( "#DonationModal-1 .donation_amount ").change(function() {
        	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-1').validationEngine();
        });
        
        $('#DonationModal-1 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-1 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-1 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-1").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7568">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7568">開心四人組</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-2" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7567  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support CCAA                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-2">
                        <label for="accept_tnc-2">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-2">
                        <label for="opt-out-2">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-2', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
    	
    	$( "#DonationModal-2 .donation_amount ").change(function() {
        	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-2').validationEngine();
        });
        
        $('#DonationModal-2 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-2 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-2 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-2").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7567">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7567">CCAA</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-3" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7566  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Go Wild                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-3">
                        <label for="accept_tnc-3">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-3">
                        <label for="opt-out-3">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-3', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
    	
    	$( "#DonationModal-3 .donation_amount ").change(function() {
        	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-3').validationEngine();
        });
        
        $('#DonationModal-3 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-3 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-3 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-3").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7566">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7566">Go Wild</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-4" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7565  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 豬隊友3.0                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-4">
                        <label for="accept_tnc-4">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-4">
                        <label for="opt-out-4">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-4', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
    	
    	$( "#DonationModal-4 .donation_amount ").change(function() {
        	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-4').validationEngine();
        });
        
        $('#DonationModal-4 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-4 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-4 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-4").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7565">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7565">豬隊友3.0</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-5" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7564  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Kwok Hei Wong                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-5">
                        <label for="accept_tnc-5">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-5">
                        <label for="opt-out-5">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-5', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
    	
    	$( "#DonationModal-5 .donation_amount ").change(function() {
        	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-5').validationEngine();
        });
        
        $('#DonationModal-5 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-5 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-5 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-5").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7564">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7564">Kwok Hei Wong</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-6" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7563  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support LCY N CYY                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-6">
                        <label for="accept_tnc-6">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-6">
                        <label for="opt-out-6">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-6', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
    	
    	$( "#DonationModal-6 .donation_amount ").change(function() {
        	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-6').validationEngine();
        });
        
        $('#DonationModal-6 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-6 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-6 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-6").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7563">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7563">LCY N CYY</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-7" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7562  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ip chun wai                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-7">
                        <label for="accept_tnc-7">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-7">
                        <label for="opt-out-7">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-7', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
    	
    	$( "#DonationModal-7 .donation_amount ").change(function() {
        	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-7').validationEngine();
        });
        
        $('#DonationModal-7 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-7 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-7 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-7").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7562">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7562">Ip chun wai</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-8" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7561  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Hongkonger                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-8">
                        <label for="accept_tnc-8">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-8">
                        <label for="opt-out-8">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-8', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
    	
    	$( "#DonationModal-8 .donation_amount ").change(function() {
        	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-8').validationEngine();
        });
        
        $('#DonationModal-8 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-8 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-8 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-8").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7561">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/13AFA58F-1D22-47AC-BC6E-3AB80A7EFD0D.jpeg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7561">Hongkonger</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-9" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7558  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support SIK FUNG  WONG                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-9">
                        <label for="accept_tnc-9">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-9">
                        <label for="opt-out-9">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-9', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
    	
    	$( "#DonationModal-9 .donation_amount ").change(function() {
        	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-9').validationEngine();
        });
        
        $('#DonationModal-9 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-9 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-9 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-9").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7558">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7558">SIK FUNG  WONG</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-10" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7556  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Please support us! KKLS :D                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-10">
                        <label for="accept_tnc-10">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-10">
                        <label for="opt-out-10">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-10', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
    	
    	$( "#DonationModal-10 .donation_amount ").change(function() {
        	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-10').validationEngine();
        });
        
        $('#DonationModal-10 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-10 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-10 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-10").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7556">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/20191121_072352.jpg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7556">請多多支持我地! KKLS :D</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-11" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7554  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ka Leung Tsui                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-11">
                        <label for="accept_tnc-11">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-11">
                        <label for="opt-out-11">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-11', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
    	
    	$( "#DonationModal-11 .donation_amount ").change(function() {
        	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-11').validationEngine();
        });
        
        $('#DonationModal-11 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-11 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-11 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-11").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7554">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7554">Ka Leung Tsui</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-12" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7553  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 獅子撲兔                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-12">
                        <label for="accept_tnc-12">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-12">
                        <label for="opt-out-12">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-12', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
    	
    	$( "#DonationModal-12 .donation_amount ").change(function() {
        	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-12').validationEngine();
        });
        
        $('#DonationModal-12 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-12 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-12 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-12").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7553">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7553">獅子撲兔</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                     
            <div class="clearfix"></div>  
              
            <!--end one event-->  
              
  
            
              
            
            <p>
            	
            </p>
            <div class="paging">
                <nav>
                    <ul class="pagination theme-colored pull-right xs-pull-center mb-xs-40">
            <li><span class="prev"><a href="/campaigns/index/page:29" rel="prev">&lt; previous</a></span></li><li><span><a href="/campaigns/index/page:26">26</a></span><span><a href="/campaigns/index/page:27">27</a></span><span><a href="/campaigns/index/page:28">28</a></span><span><a href="/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/campaigns/index/page:31">31</a></span><span><a href="/campaigns/index/page:32">32</a></span><span><a href="/campaigns/index/page:33">33</a></span><span><a href="/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/campaigns/index/page:31" rel="next">next &gt;</a></span></li>                    </ul>
                </nav>
            </div>
              
              
          </div>
          
      </div>
    </section>
    
    
    
    
  </div>
  <!-- end main-content -->
   
    <script>
        
        
     
        
       
        $(function(){
             $('form.modal.multi-step').on('hidden.bs.modal', function () {

              $('.EduDonationAmount').val(500); 
              //$('#ProjectNameInput').hide();
              $('.DonationAmountVal1').val(500);
             

            });
        })
       
    
        
        function cancelSearch(){
            removeUserSearchCookie();
            window.location = '/campaign/campaigns';
        }

    </script>
    
    <script src="/js/multi-step-modal.js"></script>
    
    



'
$scripts_for_layout = ''
$title_for_layout = 'Fundraising Campaigns'
$cakeDescription = 'CakePHP: the rapid development php framework'
$cakeVersion = 'CakePHP 2.10.22'
$passedArgs = array(
	'page' => '30'
)
include - APP/View/Layouts/default.ctp, line 173
View::_evaluate() - CORE/Cake/View/View.php, line 971
View::_render() - CORE/Cake/View/View.php, line 933
View::renderLayout() - CORE/Cake/View/View.php, line 546
View::render() - CORE/Cake/View/View.php, line 481
Controller::render() - CORE/Cake/Controller/Controller.php, line 968
CampaignsController::index() - APP/Controller/CampaignsController.php, line 83
ReflectionMethod::invokeArgs() - [internal], line ??
Controller::invokeAction() - CORE/Cake/Controller/Controller.php, line 499
Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 193
Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 167
[main] - APP/webroot/index.php, line 117

Notice (8): Trying to access array offset on value of type null [APP/View/Layouts/default.ctp, line 173]Code Context                <?php endif;?>
                    <?php endif;?>
             <?php if ($campaign['Campaign']['id']!=9870):?>
$viewFile = '/var/www/html/uatdonation.adropoflife.org/public_html/app/View/Layouts/default.ctp'
$dataForView = array(
	'categoies' => array(
		(int) 0 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 1 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 2 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 3 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 4 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 5 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 6 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 7 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 8 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 9 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 10 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 11 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 12 => array(
			'Category' => array(
				[maximum depth reached]
			)
		),
		(int) 13 => array(
			'Category' => array(
				[maximum depth reached]
			)
		)
	),
	'search' => '',
	'campaigns' => array(
		(int) 0 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array([maximum depth reached]),
			'Receipt' => array([maximum depth reached]),
			'Tag' => array([maximum depth reached])
		),
		(int) 1 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 2 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 3 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 4 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 5 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array([maximum depth reached]),
			'Receipt' => array([maximum depth reached]),
			'Tag' => array([maximum depth reached])
		),
		(int) 6 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 7 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 8 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 9 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 10 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		),
		(int) 11 => array(
			'Campaign' => array(
				[maximum depth reached]
			),
			'User' => array(
				[maximum depth reached]
			),
			'Categories' => array(
				[maximum depth reached]
			),
			'Donation' => array(
				[maximum depth reached]
			),
			'Receipt' => array(
				[maximum depth reached]
			),
			'Tag' => array([maximum depth reached])
		)
	),
	'fb_link' => 'https://www.facebook.com/v2.2/dialog/oauth?client_id=2122276667998827&state=06b505ba0bddb85bdf0b88ed7035c6bf&response_type=code&sdk=php-sdk-5.6.1&redirect_uri=http%3A%2F%2Fuatdonation.adropoflife.org%2Fauth_acl%2Fusers%2Flogin&scope=email',
	'content_for_layout' => '<style>
    #header{
        min-height: 70px;
    }
    
    .header-nav-wrapper{
         background-color:#FFF;
    }
    
    .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a{  
        color: #888;
    }

</style>

<link rel="stylesheet" type="text/css" href="/css/validationEngine.jquery.css"/><script type="text/javascript" src="/js/jquery.validationEngine-eng.js"></script><script type="text/javascript" src="/js/jquery.validationEngine.js"></script>

<!--Donation Modal-->
<div id="DonationModal2" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title" id="exampleModalLabel">Donation Form</h4>
        </div>
        
        <div class="modal-body">
          <form id="popupDonateForm" method="post" action="/campaigns/before_donation">
                 
               <!--hidden campaign ID-->
               <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value=""/>
               <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>
              
               <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
               <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
               <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
               <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>
              
               <div class="form-group">
                 <label class="form-control-label">Campaign Name :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">First Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][firstname]" required>
                  
                      <label for="recipient-name" class="form-control-label">Last Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][lastname]" required>
              </div>
              <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Email Address:</label>
                  <input type="email" class="form-control" name="data[Donation][user_email]"  required>
              </div>
            <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                  <input type="number" class="form-control" name="data[Donation][amount]"  min="1" step="1" required>
            </div>
            
            <!--
            <div class="form-group">
              <label for="message-text" class="form-control-label">Remark:</label>
              <textarea class="form-control" id="message-text"></textarea>
            </div>
            -->
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              <button type="submit" class="btn btn-primary">Donate</button>
            </div>
          </form>
            
        </div>
    
    </div>
  </div>
</div>
<!--END Donation Moal-->

<div class="main-content">
    <!-- Section: inner-header -->
    <section class="inner-header divider layer-overlay overlay-dark" data-bg-img="/images/header/377B5007.jpg">
      <div class="container pt-30 pb-30">
        <!-- Section Content -->
        <div class="section-content text-center">
          <div class="row"> 
            <div class="col-md-6 col-md-offset-3 text-center">
        	             
             <h3 class="font-36">Fundraising Campaign</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">Home</a></li>
                <li class="active">Fundraising Campaign</li>	            	
              </ol>
              
                
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Section: Upcoming Event -->
    <section>
      <div class="container">
        <div class="row">
        	<div class="col-sm-12 col-md-3">
            <div class="sidebar sidebar-right mt-sm-30">
              
                <!--
                <div class="widget">
                    <h5 class="widget-title line-bottom"></h5>
                    <div class="search-form">
                                                <div class="row-fluid show-grid">
                            <div class="span12">
                                <div class="input-group">
                                                                        
                                </div>
                            </div>
                        </div>
                                            </div>
                </div>
                -->
                
                <!--strat the search form-->
                
                <div class="widget">
                <h5 class="widget-title line-bottom">Search</h5>
                <div class="search-form">
                
                <form action="/" class="filter form-signin form-horizontal" id="FilterIndexForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>                <div class="input-group">
                <div class="input text"><label for="FilterSearch"></label><input name="data[Filter][search]" placeholder="Search..." class="form-control search-input" type="text" id="FilterSearch"/></div>  
                    <span class="input-group-btn">
                      <button type="submit" class="btn search-button"><i class="fa fa-search"></i></button>
                    </span>
                </div>
                </form>                    </div>
                </div>
                
                <!--end the search form-->
                
                
              <div class="widget">
                <h5 class="widget-title line-bottom">Categories</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">Race for Water 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">Walk for Water 2017<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:6">點滴善行在挪威2018<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:7">點滴善行在哈薩克斯坦 2018<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:9">Tour for Water 2016 - Nepal<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">Cycling for Water 2016 - New Zealand<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">Race for Water 2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">Race for Water 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA Walk & Run for Water 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">Race for Water 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA Walk & Run for Water 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">Race for Water 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA Walk & Run for Water 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">Walk & Run for Water 2024<span>(17)</span></a></li>
                   
                                      </ul>
                </div>
              </div>              
            </div>
          </div>
            
            
          <div class="col-sm-12 col-md-9">
              
            <div>
                          </div>
         
           <!--start one event-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-1" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7568  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 開心四人組                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-1">
                        <label for="accept_tnc-1">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-1">
                        <label for="opt-out-1">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-1', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
    	
    	$( "#DonationModal-1 .donation_amount ").change(function() {
        	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-1').validationEngine();
        });
        
        $('#DonationModal-1 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-1 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-1 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-1").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7568">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7568">開心四人組</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-2" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7567  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support CCAA                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-2">
                        <label for="accept_tnc-2">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-2">
                        <label for="opt-out-2">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-2', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
    	
    	$( "#DonationModal-2 .donation_amount ").change(function() {
        	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-2').validationEngine();
        });
        
        $('#DonationModal-2 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-2 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-2 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-2").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7567">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7567">CCAA</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-3" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7566  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Go Wild                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-3">
                        <label for="accept_tnc-3">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-3">
                        <label for="opt-out-3">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-3', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
    	
    	$( "#DonationModal-3 .donation_amount ").change(function() {
        	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-3').validationEngine();
        });
        
        $('#DonationModal-3 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-3 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-3 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-3").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7566">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7566">Go Wild</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-4" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7565  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 豬隊友3.0                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-4">
                        <label for="accept_tnc-4">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-4">
                        <label for="opt-out-4">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-4', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
    	
    	$( "#DonationModal-4 .donation_amount ").change(function() {
        	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-4').validationEngine();
        });
        
        $('#DonationModal-4 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-4 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-4 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-4").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7565">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7565">豬隊友3.0</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-5" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7564  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Kwok Hei Wong                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-5">
                        <label for="accept_tnc-5">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-5">
                        <label for="opt-out-5">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-5', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
    	
    	$( "#DonationModal-5 .donation_amount ").change(function() {
        	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-5').validationEngine();
        });
        
        $('#DonationModal-5 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-5 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-5 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-5").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7564">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7564">Kwok Hei Wong</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-6" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7563  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support LCY N CYY                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-6">
                        <label for="accept_tnc-6">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-6">
                        <label for="opt-out-6">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-6', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
    	
    	$( "#DonationModal-6 .donation_amount ").change(function() {
        	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-6').validationEngine();
        });
        
        $('#DonationModal-6 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-6 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-6 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-6").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7563">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7563">LCY N CYY</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-7" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7562  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ip chun wai                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-7">
                        <label for="accept_tnc-7">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-7">
                        <label for="opt-out-7">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-7', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
    	
    	$( "#DonationModal-7 .donation_amount ").change(function() {
        	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-7').validationEngine();
        });
        
        $('#DonationModal-7 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-7 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-7 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-7").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7562">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7562">Ip chun wai</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-8" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7561  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Hongkonger                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-8">
                        <label for="accept_tnc-8">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-8">
                        <label for="opt-out-8">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-8', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
    	
    	$( "#DonationModal-8 .donation_amount ").change(function() {
        	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-8').validationEngine();
        });
        
        $('#DonationModal-8 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-8 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-8 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-8").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7561">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/13AFA58F-1D22-47AC-BC6E-3AB80A7EFD0D.jpeg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7561">Hongkonger</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-9" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7558  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support SIK FUNG  WONG                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-9">
                        <label for="accept_tnc-9">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-9">
                        <label for="opt-out-9">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-9', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
    	
    	$( "#DonationModal-9 .donation_amount ").change(function() {
        	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-9').validationEngine();
        });
        
        $('#DonationModal-9 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-9 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-9 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-9").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7558">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7558">SIK FUNG  WONG</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-10" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7556  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Please support us! KKLS :D                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-10">
                        <label for="accept_tnc-10">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-10">
                        <label for="opt-out-10">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-10', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
    	
    	$( "#DonationModal-10 .donation_amount ").change(function() {
        	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-10').validationEngine();
        });
        
        $('#DonationModal-10 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-10 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-10 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-10").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7556">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/20191121_072352.jpg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7556">請多多支持我地! KKLS :D</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-11" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7554  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ka Leung Tsui                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-11">
                        <label for="accept_tnc-11">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-11">
                        <label for="opt-out-11">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-11', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
    	
    	$( "#DonationModal-11 .donation_amount ").change(function() {
        	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-11').validationEngine();
        });
        
        $('#DonationModal-11 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-11 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-11 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-11").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7554">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7554">Ka Leung Tsui</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-12" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7553  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 獅子撲兔                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-12">
                        <label for="accept_tnc-12">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-12">
                        <label for="opt-out-12">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-12', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
    	
    	$( "#DonationModal-12 .donation_amount ").change(function() {
        	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-12').validationEngine();
        });
        
        $('#DonationModal-12 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-12 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-12 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-12").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7553">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7553">獅子撲兔</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                     
            <div class="clearfix"></div>  
              
            <!--end one event-->  
              
  
            
              
            
            <p>
            	
            </p>
            <div class="paging">
                <nav>
                    <ul class="pagination theme-colored pull-right xs-pull-center mb-xs-40">
            <li><span class="prev"><a href="/campaigns/index/page:29" rel="prev">&lt; previous</a></span></li><li><span><a href="/campaigns/index/page:26">26</a></span><span><a href="/campaigns/index/page:27">27</a></span><span><a href="/campaigns/index/page:28">28</a></span><span><a href="/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/campaigns/index/page:31">31</a></span><span><a href="/campaigns/index/page:32">32</a></span><span><a href="/campaigns/index/page:33">33</a></span><span><a href="/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/campaigns/index/page:31" rel="next">next &gt;</a></span></li>                    </ul>
                </nav>
            </div>
              
              
          </div>
          
      </div>
    </section>
    
    
    
    
  </div>
  <!-- end main-content -->
   
    <script>
        
        
     
        
       
        $(function(){
             $('form.modal.multi-step').on('hidden.bs.modal', function () {

              $('.EduDonationAmount').val(500); 
              //$('#ProjectNameInput').hide();
              $('.DonationAmountVal1').val(500);
             

            });
        })
       
    
        
        function cancelSearch(){
            removeUserSearchCookie();
            window.location = '/campaign/campaigns';
        }

    </script>
    
    <script src="/js/multi-step-modal.js"></script>
    
    



',
	'scripts_for_layout' => '',
	'title_for_layout' => 'Fundraising Campaigns'
)
$categoies = array(
	(int) 0 => array(
		'Category' => array(
			'id' => '1',
			'category_name' => '揹水一戰 2017',
			'category_name_eng' => 'Race for Water 2017',
			'category_description' => '<p>Testing by Dorothy</p>
<p>Happy New Year!</p>
<p>&nbsp;</p>',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2013-03-15 13:52:22',
			'modified' => '2016-11-17 16:00:44',
			'campaign_count' => '1'
		)
	),
	(int) 1 => array(
		'Category' => array(
			'id' => '3',
			'category_name' => '點滴揹水行 2017',
			'category_name_eng' => 'Walk for Water 2017',
			'category_description' => '<p>Testing by Dorothy</p>',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-15 17:48:38',
			'modified' => '2016-11-17 16:01:03',
			'campaign_count' => '0'
		)
	),
	(int) 2 => array(
		'Category' => array(
			'id' => '6',
			'category_name' => '點滴善行在挪威2018',
			'category_name_eng' => '點滴善行在挪威2018',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => null,
			'modified' => null,
			'campaign_count' => '1'
		)
	),
	(int) 3 => array(
		'Category' => array(
			'id' => '7',
			'category_name' => '點滴善行在哈薩克斯坦2018',
			'category_name_eng' => '點滴善行在哈薩克斯坦 2018',
			'category_description' => '<p>Testing by Dorothy</p>',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-15 17:38:09',
			'modified' => '2016-11-17 16:00:55',
			'campaign_count' => '2'
		)
	),
	(int) 4 => array(
		'Category' => array(
			'id' => '9',
			'category_name' => '點滴善行在尼泊爾 2016',
			'category_name_eng' => 'Tour for Water 2016 - Nepal',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-17 16:01:33',
			'modified' => '2016-11-17 16:03:35',
			'campaign_count' => '0'
		)
	),
	(int) 5 => array(
		'Category' => array(
			'id' => '10',
			'category_name' => '點滴鎮洋單車在紐西蘭 2016',
			'category_name_eng' => 'Cycling for Water 2016 - New Zealand',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2016-11-17 16:03:25',
			'modified' => '2016-11-18 16:52:51',
			'campaign_count' => '0'
		)
	),
	(int) 6 => array(
		'Category' => array(
			'id' => '11',
			'category_name' => '揹水一戰2018',
			'category_name_eng' => 'Race for Water 2018',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2017-08-30 00:00:00',
			'modified' => '2017-08-30 00:00:00',
			'campaign_count' => '20'
		)
	),
	(int) 7 => array(
		'Category' => array(
			'id' => '18',
			'category_name' => '揹水一戰 2019',
			'category_name_eng' => 'Race for Water 2019',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2018-07-12 10:56:22',
			'modified' => '2018-07-12 10:56:22',
			'campaign_count' => '44'
		)
	),
	(int) 8 => array(
		'Category' => array(
			'id' => '19',
			'category_name' => 'AVEDA 點滴揹水Walk & Run 2019',
			'category_name_eng' => 'AVEDA Walk & Run for Water 2019',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => null,
			'modified' => null,
			'campaign_count' => '0'
		)
	),
	(int) 9 => array(
		'Category' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		)
	),
	(int) 10 => array(
		'Category' => array(
			'id' => '24',
			'category_name' => 'AVEDA 點滴揹水Walk & Run 2020',
			'category_name_eng' => 'AVEDA Walk & Run for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => null,
			'modified' => null,
			'campaign_count' => '2'
		)
	),
	(int) 11 => array(
		'Category' => array(
			'id' => '26',
			'category_name' => '揹水一戰 2023',
			'category_name_eng' => 'Race for Water 2023',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2023-01-04 00:00:00',
			'modified' => '2023-01-04 00:00:00',
			'campaign_count' => '13'
		)
	),
	(int) 12 => array(
		'Category' => array(
			'id' => '27',
			'category_name' => 'AVEDA點滴揹水Walk and Fun 2023',
			'category_name_eng' => 'AVEDA Walk & Run for Water 2023',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2023-01-04 00:00:00',
			'modified' => '2023-01-04 00:00:00',
			'campaign_count' => '3'
		)
	),
	(int) 13 => array(
		'Category' => array(
			'id' => '28',
			'category_name' => '點滴揹水Walk and Fun 2024',
			'category_name_eng' => 'Walk & Run for Water 2024',
			'category_description' => '',
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2024-02-06 00:00:00',
			'modified' => '2024-02-06 00:00:00',
			'campaign_count' => '17'
		)
	)
)
$search = ''
$campaigns = array(
	(int) 0 => array(
		'Campaign' => array(
			'id' => '7568',
			'user_id' => '3951',
			'firstname' => 'Fung Lin',
			'lastname' => 'Chow',
			'phone' => '92624902',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092065',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '開心四人組',
			'project_name_eng' => '開心四人組',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:58:14',
			'modified' => '2019-10-09 23:58:14',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Fung Lin Chow
Pui Yee Li
Kam Tai Leung
Lai Chun Ng',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '0',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(),
		'Receipt' => array(),
		'Tag' => array()
	),
	(int) 1 => array(
		'Campaign' => array(
			'id' => '7567',
			'user_id' => '5302',
			'firstname' => 'Mei Yee',
			'lastname' => 'Chui',
			'phone' => '97890136',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092059',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'CCAA',
			'project_name_eng' => 'CCAA',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:57:54',
			'modified' => '2019-10-09 23:57:54',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Mei Yee Chui
Yat Wai Lam',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '1200',
			'project_target' => '1200',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '1',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 2 => array(
		'Campaign' => array(
			'id' => '7566',
			'user_id' => '3460',
			'firstname' => 'Mandy',
			'lastname' => 'Wong',
			'phone' => '97737656',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092052',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Go Wild',
			'project_name_eng' => 'Go Wild',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:57:42',
			'modified' => '2019-10-09 23:57:42',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Mandy Wong
Alex Ma
Jonas Fung
Wallace  Wong',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '2400',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '3',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 3 => array(
		'Campaign' => array(
			'id' => '7565',
			'user_id' => '2768',
			'firstname' => 'Suet yu',
			'lastname' => 'Yeung ',
			'phone' => '63569615',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092061',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '豬隊友3.0',
			'project_name_eng' => '豬隊友3.0',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:57:37',
			'modified' => '2019-10-09 23:57:37',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Suet yu Yeung 
Yun sang Kwan
Ping Yan 
Kwan Cheung Michael Lee ',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '2520',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '14',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			),
			(int) 13 => array(
				[maximum depth reached]
			),
			(int) 14 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			),
			(int) 13 => array(
				[maximum depth reached]
			),
			(int) 14 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 4 => array(
		'Campaign' => array(
			'id' => '7564',
			'user_id' => '3437',
			'firstname' => 'Kwok Hei',
			'lastname' => 'Wong',
			'phone' => '51345193',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092056',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Kwok Hei Wong',
			'project_name_eng' => 'Kwok Hei Wong',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:56:20',
			'modified' => '2019-10-09 23:56:20',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Kwok Hei Wong',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '1',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 5 => array(
		'Campaign' => array(
			'id' => '7563',
			'user_id' => '5301',
			'firstname' => 'Lau',
			'lastname' => 'Chi Yin',
			'phone' => '62761121',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092050',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'LCY N CYY',
			'project_name_eng' => 'LCY N CYY',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:55:52',
			'modified' => '2019-10-09 23:55:52',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Lau Chi Yin
Choi Ying Ying',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '0',
			'project_target' => '1200',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(),
		'Receipt' => array(),
		'Tag' => array()
	),
	(int) 6 => array(
		'Campaign' => array(
			'id' => '7562',
			'user_id' => '2865',
			'firstname' => 'Ip',
			'lastname' => 'chun wai',
			'phone' => '61305037',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092041',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Ip chun wai',
			'project_name_eng' => 'Ip chun wai',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:54:38',
			'modified' => '2019-10-09 23:54:38',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Ip chun wai',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 7 => array(
		'Campaign' => array(
			'id' => '7561',
			'user_id' => '5300',
			'firstname' => 'Kin Nam',
			'lastname' => 'Kwok',
			'phone' => '94976197',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092036',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Hongkonger',
			'project_name_eng' => 'Hongkonger',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:53:38',
			'modified' => '2020-01-04 13:05:37',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => 'Kwok Kin Nam
Yiu Wing Kei
Choi Sum Kong
Chan Chiu Yuen',
			'team_desc_eng' => '',
			'latest_update' => '',
			'project_amount' => '3202',
			'project_target' => '2400',
			'project_poster' => 'upload/13AFA58F-1D22-47AC-BC6E-3AB80A7EFD0D.jpeg',
			'project_poster_big' => 'upload/A0B1369D-046E-43C8-A778-C9BE40D45538.jpeg',
			'donate_status' => '',
			'donation_count' => '12',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			),
			(int) 10 => array(
				[maximum depth reached]
			),
			(int) 11 => array(
				[maximum depth reached]
			),
			(int) 12 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 8 => array(
		'Campaign' => array(
			'id' => '7558',
			'user_id' => '5299',
			'firstname' => 'SIK FUNG ',
			'lastname' => 'WONG',
			'phone' => '63554304',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092040',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'SIK FUNG  WONG',
			'project_name_eng' => 'SIK FUNG  WONG',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:52:35',
			'modified' => '2019-10-09 23:52:35',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
SIK FUNG  WONG',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '1',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 9 => array(
		'Campaign' => array(
			'id' => '7556',
			'user_id' => '5297',
			'firstname' => 'Kate',
			'lastname' => 'Wong',
			'phone' => '51784063',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092026',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '請多多支持我地! KKLS :D',
			'project_name_eng' => 'Please support us! KKLS :D',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:50:08',
			'modified' => '2019-11-21 07:25:04',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => 'Kate Wong
Chun Ho Kwok
So Ngor Ching
Kwong Fai Tai',
			'team_desc_eng' => '',
			'latest_update' => '',
			'project_amount' => '3100',
			'project_target' => '2400',
			'project_poster' => 'upload/20191121_072352.jpg',
			'project_poster_big' => 'upload/Screenshot_20191121-071337_Gallery.jpg',
			'donate_status' => '',
			'donation_count' => '9',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			),
			(int) 9 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 10 => array(
		'Campaign' => array(
			'id' => '7554',
			'user_id' => '5295',
			'firstname' => 'Ka Leung',
			'lastname' => 'Tsui',
			'phone' => '91235339',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092025',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => 'Ka Leung Tsui',
			'project_name_eng' => 'Ka Leung Tsui',
			'amended_donor_receipt' => true,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:46:20',
			'modified' => '2019-10-09 23:46:20',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Ka Leung Tsui',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '600',
			'project_target' => '600',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '0',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	),
	(int) 11 => array(
		'Campaign' => array(
			'id' => '7553',
			'user_id' => '2424',
			'firstname' => 'Wing chun',
			'lastname' => 'Hui',
			'phone' => '62757178',
			'campaign_ref' => 'RW202001',
			'team_ref' => '201910092015',
			'donation_form' => 'normal',
			'layout' => 'popup',
			'layout_version' => null,
			'cat_id' => '23',
			'donated_project_name' => '水項目',
			'donated_project_name_en' => 'Water Project',
			'project_name' => '獅子撲兔',
			'project_name_eng' => '獅子撲兔',
			'amended_donor_receipt' => false,
			'amended_team_members' => false,
			'created' => '2019-10-09 23:44:24',
			'modified' => '2019-10-09 23:44:24',
			'project_desc' => null,
			'project_desc_eng' => null,
			'team_desc' => '
Wing chun Hui
Wing fat Steve  Chow
Wai yu Lau
Terry Chiu',
			'team_desc_eng' => null,
			'latest_update' => '',
			'project_amount' => '2500',
			'project_target' => '2400',
			'project_poster' => 'images/small/projects/water_poster.png',
			'project_poster_big' => 'images/small/projects/rfw2018_banner.png',
			'donate_status' => '',
			'donation_count' => '8',
			'thankyou_email' => null,
			'thankyou_email_en' => null,
			'ordering' => '4',
			'active' => true,
			'expire_date' => '2020-02-08 16:00:00',
			'tags' => ''
		),
		'User' => array(
			'id' => null,
			'user_email' => null,
			'user_password' => null,
			'user_name' => null,
			'user_fb' => null,
			'user_code' => null,
			'user_status' => null,
			'created' => null,
			'modified' => null,
			'DOB' => null,
			'address_room' => null,
			'address_flat' => null,
			'address_road' => null,
			'address_house' => null,
			'address_district' => null,
			'country' => null,
			'phone' => null
		),
		'Categories' => array(
			'id' => '23',
			'category_name' => '揹水一戰 2020',
			'category_name_eng' => 'Race for Water 2020',
			'category_description' => null,
			'is_fundraising' => false,
			'campaign_prefix' => null,
			'created' => '2019-07-08 00:00:00',
			'modified' => '2019-07-08 00:00:00',
			'campaign_count' => '19'
		),
		'Donation' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			)
		),
		'Receipt' => array(
			(int) 0 => array(
				[maximum depth reached]
			),
			(int) 1 => array(
				[maximum depth reached]
			),
			(int) 2 => array(
				[maximum depth reached]
			),
			(int) 3 => array(
				[maximum depth reached]
			),
			(int) 4 => array(
				[maximum depth reached]
			),
			(int) 5 => array(
				[maximum depth reached]
			),
			(int) 6 => array(
				[maximum depth reached]
			),
			(int) 7 => array(
				[maximum depth reached]
			),
			(int) 8 => array(
				[maximum depth reached]
			)
		),
		'Tag' => array()
	)
)
$fb_link = 'https://www.facebook.com/v2.2/dialog/oauth?client_id=2122276667998827&state=06b505ba0bddb85bdf0b88ed7035c6bf&response_type=code&sdk=php-sdk-5.6.1&redirect_uri=http%3A%2F%2Fuatdonation.adropoflife.org%2Fauth_acl%2Fusers%2Flogin&scope=email'
$content_for_layout = '<style>
    #header{
        min-height: 70px;
    }
    
    .header-nav-wrapper{
         background-color:#FFF;
    }
    
    .header-nav.navbar-transparent.animated-active .menuzord-menu > li > a{  
        color: #888;
    }

</style>

<link rel="stylesheet" type="text/css" href="/css/validationEngine.jquery.css"/><script type="text/javascript" src="/js/jquery.validationEngine-eng.js"></script><script type="text/javascript" src="/js/jquery.validationEngine.js"></script>

<!--Donation Modal-->
<div id="DonationModal2" class="modal fade bd-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-md">
    <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title" id="exampleModalLabel">Donation Form</h4>
        </div>
        
        <div class="modal-body">
          <form id="popupDonateForm" method="post" action="/campaigns/before_donation">
                 
               <!--hidden campaign ID-->
               <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value=""/>
               <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>
              
               <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
               <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
               <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
               <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>
              
               <div class="form-group">
                 <label class="form-control-label">Campaign Name :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">First Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][firstname]" required>
                  
                      <label for="recipient-name" class="form-control-label">Last Name:</label>
                      <input type="text" class="form-control" id="recipient-name" name="data[Donation][lastname]" required>
              </div>
              <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Email Address:</label>
                  <input type="email" class="form-control" name="data[Donation][user_email]"  required>
              </div>
            <div class="form-group">
                  <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                  <input type="number" class="form-control" name="data[Donation][amount]"  min="1" step="1" required>
            </div>
            
            <!--
            <div class="form-group">
              <label for="message-text" class="form-control-label">Remark:</label>
              <textarea class="form-control" id="message-text"></textarea>
            </div>
            -->
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
              <button type="submit" class="btn btn-primary">Donate</button>
            </div>
          </form>
            
        </div>
    
    </div>
  </div>
</div>
<!--END Donation Moal-->

<div class="main-content">
    <!-- Section: inner-header -->
    <section class="inner-header divider layer-overlay overlay-dark" data-bg-img="/images/header/377B5007.jpg">
      <div class="container pt-30 pb-30">
        <!-- Section Content -->
        <div class="section-content text-center">
          <div class="row"> 
            <div class="col-md-6 col-md-offset-3 text-center">
        	             
             <h3 class="font-36">Fundraising Campaign</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">Home</a></li>
                <li class="active">Fundraising Campaign</li>	            	
              </ol>
              
                
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Section: Upcoming Event -->
    <section>
      <div class="container">
        <div class="row">
        	<div class="col-sm-12 col-md-3">
            <div class="sidebar sidebar-right mt-sm-30">
              
                <!--
                <div class="widget">
                    <h5 class="widget-title line-bottom"></h5>
                    <div class="search-form">
                                                <div class="row-fluid show-grid">
                            <div class="span12">
                                <div class="input-group">
                                                                        
                                </div>
                            </div>
                        </div>
                                            </div>
                </div>
                -->
                
                <!--strat the search form-->
                
                <div class="widget">
                <h5 class="widget-title line-bottom">Search</h5>
                <div class="search-form">
                
                <form action="/" class="filter form-signin form-horizontal" id="FilterIndexForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/></div>                <div class="input-group">
                <div class="input text"><label for="FilterSearch"></label><input name="data[Filter][search]" placeholder="Search..." class="form-control search-input" type="text" id="FilterSearch"/></div>  
                    <span class="input-group-btn">
                      <button type="submit" class="btn search-button"><i class="fa fa-search"></i></button>
                    </span>
                </div>
                </form>                    </div>
                </div>
                
                <!--end the search form-->
                
                
              <div class="widget">
                <h5 class="widget-title line-bottom">Categories</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">Race for Water 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">Walk for Water 2017<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:6">點滴善行在挪威2018<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:7">點滴善行在哈薩克斯坦 2018<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:9">Tour for Water 2016 - Nepal<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">Cycling for Water 2016 - New Zealand<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">Race for Water 2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">Race for Water 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA Walk & Run for Water 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">Race for Water 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA Walk & Run for Water 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">Race for Water 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA Walk & Run for Water 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">Walk & Run for Water 2024<span>(17)</span></a></li>
                   
                                      </ul>
                </div>
              </div>              
            </div>
          </div>
            
            
          <div class="col-sm-12 col-md-9">
              
            <div>
                          </div>
         
           <!--start one event-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-1" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7568  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 開心四人組                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-1">
                        <label for="accept_tnc-1">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-1">
                        <label for="opt-out-1">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-1', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
    	
    	$( "#DonationModal-1 .donation_amount ").change(function() {
        	$( "#DonationModal-1 .donation_amount_label ").html("$"+$( "#DonationModal-1 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-1').validationEngine();
        });
        
        $('#DonationModal-1 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-1 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-1 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-1").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7568">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7568">開心四人組</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-2" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7567  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support CCAA                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-2">
                        <label for="accept_tnc-2">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-2">
                        <label for="opt-out-2">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-2', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
    	
    	$( "#DonationModal-2 .donation_amount ").change(function() {
        	$( "#DonationModal-2 .donation_amount_label ").html("$"+$( "#DonationModal-2 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-2').validationEngine();
        });
        
        $('#DonationModal-2 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-2 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-2 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-2").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7567">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7567">CCAA</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-3" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7566  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Go Wild                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-3">
                        <label for="accept_tnc-3">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-3">
                        <label for="opt-out-3">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-3', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
    	
    	$( "#DonationModal-3 .donation_amount ").change(function() {
        	$( "#DonationModal-3 .donation_amount_label ").html("$"+$( "#DonationModal-3 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-3').validationEngine();
        });
        
        $('#DonationModal-3 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-3 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-3 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-3").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7566">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7566">Go Wild</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-4" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7565  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 豬隊友3.0                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-4">
                        <label for="accept_tnc-4">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-4">
                        <label for="opt-out-4">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-4', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
    	
    	$( "#DonationModal-4 .donation_amount ").change(function() {
        	$( "#DonationModal-4 .donation_amount_label ").html("$"+$( "#DonationModal-4 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-4').validationEngine();
        });
        
        $('#DonationModal-4 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-4 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-4 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-4").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7565">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7565">豬隊友3.0</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-5" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7564  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Kwok Hei Wong                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-5">
                        <label for="accept_tnc-5">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-5">
                        <label for="opt-out-5">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-5', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
    	
    	$( "#DonationModal-5 .donation_amount ").change(function() {
        	$( "#DonationModal-5 .donation_amount_label ").html("$"+$( "#DonationModal-5 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-5').validationEngine();
        });
        
        $('#DonationModal-5 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-5 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-5 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-5").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7564">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7564">Kwok Hei Wong</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-6" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7563  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support LCY N CYY                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-6">
                        <label for="accept_tnc-6">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-6">
                        <label for="opt-out-6">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-6', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
    	
    	$( "#DonationModal-6 .donation_amount ").change(function() {
        	$( "#DonationModal-6 .donation_amount_label ").html("$"+$( "#DonationModal-6 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-6').validationEngine();
        });
        
        $('#DonationModal-6 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-6 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-6 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-6").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7563">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    0">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7563">LCY N CYY</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $0</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-7" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7562  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ip chun wai                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-7">
                        <label for="accept_tnc-7">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-7">
                        <label for="opt-out-7">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-7', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
    	
    	$( "#DonationModal-7 .donation_amount ").change(function() {
        	$( "#DonationModal-7 .donation_amount_label ").html("$"+$( "#DonationModal-7 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-7').validationEngine();
        });
        
        $('#DonationModal-7 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-7 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-7 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-7").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7562">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7562">Ip chun wai</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-8" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7561  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Hongkonger                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-8">
                        <label for="accept_tnc-8">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-8">
                        <label for="opt-out-8">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-8', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
    	
    	$( "#DonationModal-8 .donation_amount ").change(function() {
        	$( "#DonationModal-8 .donation_amount_label ").html("$"+$( "#DonationModal-8 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-8').validationEngine();
        });
        
        $('#DonationModal-8 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-8 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-8 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-8").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7561">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/13AFA58F-1D22-47AC-BC6E-3AB80A7EFD0D.jpeg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7561">Hongkonger</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-9" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7558  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support SIK FUNG  WONG                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-9">
                        <label for="accept_tnc-9">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-9">
                        <label for="opt-out-9">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-9', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
    	
    	$( "#DonationModal-9 .donation_amount ").change(function() {
        	$( "#DonationModal-9 .donation_amount_label ").html("$"+$( "#DonationModal-9 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-9').validationEngine();
        });
        
        $('#DonationModal-9 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-9 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-9 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-9").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7558">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7558">SIK FUNG  WONG</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-10" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7556  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Please support us! KKLS :D                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-10">
                        <label for="accept_tnc-10">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-10">
                        <label for="opt-out-10">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-10', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
    	
    	$( "#DonationModal-10 .donation_amount ").change(function() {
        	$( "#DonationModal-10 .donation_amount_label ").html("$"+$( "#DonationModal-10 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-10').validationEngine();
        });
        
        $('#DonationModal-10 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-10 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-10 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-10").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7556">
                  <div class="thumb">

                        <img class="" alt="" src="/upload/20191121_072352.jpg">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7556">請多多支持我地! KKLS :D</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-11" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7554  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support Ka Leung Tsui                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-11">
                        <label for="accept_tnc-11">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-11">
                        <label for="opt-out-11">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-11', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
    	
    	$( "#DonationModal-11 .donation_amount ").change(function() {
        	$( "#DonationModal-11 .donation_amount_label ").html("$"+$( "#DonationModal-11 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-11').validationEngine();
        });
        
        $('#DonationModal-11 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-11 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-11 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-11").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7554">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7554">Ka Leung Tsui</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $600</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                        
              
<!--for the inline display -->

<form class="modal multi-step" id="DonationModal-12" method="post" action="/campaigns/before_donation" aria-hidden="true" style="display: none;" onkeypress="return event.keyCode != 13;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            	<button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="donationFormTile">
                	                </div>
                <h4 class="donationFormSubTile">Thank you for your support</h4>
           
            </div>
            <div class="modal-body step-1" data-step="1" style="display: none;">
                
               <div class="form-group">
                   <span style='color: red;'>*</span>
                      <label for="recipient-name" class="form-control-label">Donation Amount (HKD):</label>
                      <input type="number" class="form-control NormalDonationAmount donation_amount" name="data[Donation][amount]"  value="500" min="1" step="1"  required>
                </div>
                
                <div class="form-group">
                    <div classs="col-md-12">
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="100">
                            $ 100
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="300">
                            $ 300
                        </button>
                        <button type="button" class="col-md-4 col-xs-12 col-sm-12 DonationEduBtn" amount="1000">
                            $ 1000
                        </button>
                    </div>
                </div>
                *Tax-deductible receipt will be issued to HKD100 or above.                 <div class="clearfix"></div>
               
              
               
            </div>
            <div class="modal-body step-2" data-step="2" style="display: none;">
                
                <!--donation form content page 2-->
                    <input id="CampaignID" name="data[Donation][donated_campaign]" class="form-control-label hidden" value="7553  "/>
                   <input id="CampaignRef" name="data[Donation][donation_ref]" class="form-control-label hidden" value=""/>

                   <input name="data[Donation][invalid]" class="form-control-label hidden" value="1"/>
                   <input name="data[Donation][user_id]" class="form-control-label hidden" value="0"/>
                   <input name="data[Donation][currency]" class="form-control-label hidden" value="HKD"/>
                   <input name="data[Donation][pay_method]" class="form-control-label hidden" value="Pay Dollar"/>

                   <div class="form-group text-center">
                   	 I'd like to donate <span class="donation_amount_label"></span> to support 獅子撲兔                                       </div>
                  <!-- start address input-->

                <div class="form-group form-inline">
                    <span style="color: red;">*</span>   
                    <select id="" class="form-control validate[required]" name="data[Donation][salutation]" required data-parsley-required-message="Please fill in salutation" placeholder="Salutation">
                        <option value="">Salutation</option>
                                                
                        <option value="MR.">MR.</option>
                        <option value="MS.">MS.</option>
                                            </select>
                </div>
                
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][firstname]" placeholder="First Name (English)">
                  </div>
                  <div class="form-group form-inline">
                      <span style='color: red;'>*</span>                          
                          <input type="text" class="form-control validate[required,custom[onlyLetterSp]]" id="recipient-name" name="data[Donation][lastname]" placeholder="Last Name (English)">
                  </div>

                  <div class="form-group form-inline ">
                      <span style="color: red;">*</span>                  
                      <input type="email" class="form-control validate[required,custom[email]]" name="data[Donation][user_email]" placeholder="Email Address " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        Since we found that some Yahoo email addresses have email delivery problems, we recommend that you use Gmail, Outlook, Hotmail, etc. email addresses for communication purposes.                      </div><br/>

                      (Receipt will be sent to this email address upon successful donation)                  </div>
                

                                
                <div class="form-group form-inline ">
                    <span style="color: red;">*</span>   
                      <input type="phone" class="form-control validate[required,custom[phone]]" name="data[Donation][phone]" placeholder="Mobile No.">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="Year and Month of Birth (YYYY-MM)">                      

                  </div>

                  
                  
                  <div class="form-group form-inline  ">
                  <span style="color: red;">*</span>   
                      <input type="text" class="form-control validate[required]" name="data[Donation][printed_name_on_receipt]" placeholder="Name on Receipt">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>I would like to show</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>Display my name and donation on the page as encouragement</option>
                                <option value="2">Display my name on the page to encourage other friends</option>
                                <option value="0">Remain anonymous</option>                                 
                        </select>
                    </div>
                                        
                    
                
                    
                    <div class="form-group form-inline show_address">                
	                        <!-- <span style='color: red;'>*</span> -->
                            <span>&nbsp;</span>   
	                        <input type="text" name="data[Donation][address_1]" value="" class="form-control" placeholder="Address 1">
	                </div>
	                <div class="form-group form-inline show_address ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_2]" value="" class="form-control " placeholder="Address 2">
                    </div>
                    
                    <div class="form-group form-inline show_address">
                
                                                <!-- <span style="color: red;">*</span>    -->
                        <span>&nbsp;</span>   
                        <select class="country input-sm" name="data[Donation][country]">
                                                        <option value="">Country/Region</option> 
                                <option value="HK">Hong Kong</option>
                                <option value="MO">Macao</option>
                                <option value="CN">China</option>         
                                <option value="AF">Afghanistan</option>
                                <option value="AX">Åland Islands</option>
                                <option value="AL">Albania</option>
                                <option value="DZ">Algeria</option>
                                <option value="AS">American Samoa</option>
                                <option value="AD">Andorra</option>
                                <option value="AO">Angola</option>
                                <option value="AI">Anguilla</option>
                                <option value="AQ">Antarctica</option>
                                <option value="AG">Antigua and Barbuda</option>
                                <option value="AR">Argentina</option>
                                <option value="AM">Armenia</option>
                                <option value="AW">Aruba</option>
                                <option value="AU">Australia</option>
                                <option value="AT">Austria</option>
                                <option value="AZ">Azerbaijan</option>
                                <option value="BS">Bahamas</option>
                                <option value="BH">Bahrain</option>
                                <option value="BD">Bangladesh</option>
                                <option value="BB">Barbados</option>
                                <option value="BY">Belarus</option>
                                <option value="BE">Belgium</option>
                                <option value="BZ">Belize</option>
                                <option value="BJ">Benin</option>
                                <option value="BM">Bermuda</option>
                                <option value="BT">Bhutan</option>
                                <option value="BO">Bolivia, Plurinational State of</option>
                                <option value="BQ">Bonaire, Sint Eustatius and Saba</option>
                                <option value="BA">Bosnia and Herzegovina</option>
                                <option value="BW">Botswana</option>
                                <option value="BV">Bouvet Island</option>
                                <option value="BR">Brazil</option>
                                <option value="IO">British Indian Ocean Territory</option>
                                <option value="BN">Brunei Darussalam</option>
                                <option value="BG">Bulgaria</option>
                                <option value="BF">Burkina Faso</option>
                                <option value="BI">Burundi</option>
                                <option value="KH">Cambodia</option>
                                <option value="CM">Cameroon</option>
                                <option value="CA">Canada</option>
                                <option value="CV">Cape Verde</option>
                                <option value="KY">Cayman Islands</option>
                                <option value="CF">Central African Republic</option>
                                <option value="TD">Chad</option>
                                <option value="CL">Chile</option>
                                <option value="CX">Christmas Island</option>
                                <option value="CC">Cocos (Keeling) Islands</option>
                                <option value="CO">Colombia</option>
                                <option value="KM">Comoros</option>
                                <option value="CG">Congo</option>
                                <option value="CD">Congo, the Democratic Republic of the</option>
                                <option value="CK">Cook Islands</option>
                                <option value="CR">Costa Rica</option>
                                <option value="CI">Côte d'Ivoire</option>
                                <option value="HR">Croatia</option>
                                <option value="CU">Cuba</option>
                                <option value="CW">Curaçao</option>
                                <option value="CY">Cyprus</option>
                                <option value="CZ">Czech Republic</option>
                                <option value="DK">Denmark</option>
                                <option value="DJ">Djibouti</option>
                                <option value="DM">Dominica</option>
                                <option value="DO">Dominican Republic</option>
                                <option value="EC">Ecuador</option>
                                <option value="EG">Egypt</option>
                                <option value="SV">El Salvador</option>
                                <option value="GQ">Equatorial Guinea</option>
                                <option value="ER">Eritrea</option>
                                <option value="EE">Estonia</option>
                                <option value="ET">Ethiopia</option>
                                <option value="FK">Falkland Islands (Malvinas)</option>
                                <option value="FO">Faroe Islands</option>
                                <option value="FJ">Fiji</option>
                                <option value="FI">Finland</option>
                                <option value="FR">France</option>
                                <option value="GF">French Guiana</option>
                                <option value="PF">French Polynesia</option>
                                <option value="TF">French Southern Territories</option>
                                <option value="GA">Gabon</option>
                                <option value="GM">Gambia</option>
                                <option value="GE">Georgia</option>
                                <option value="DE">Germany</option>
                                <option value="GH">Ghana</option>
                                <option value="GI">Gibraltar</option>
                                <option value="GR">Greece</option>
                                <option value="GL">Greenland</option>
                                <option value="GD">Grenada</option>
                                <option value="GP">Guadeloupe</option>
                                <option value="GU">Guam</option>
                                <option value="GT">Guatemala</option>
                                <option value="GG">Guernsey</option>
                                <option value="GN">Guinea</option>
                                <option value="GW">Guinea-Bissau</option>
                                <option value="GY">Guyana</option>
                                <option value="HT">Haiti</option>
                                <option value="HM">Heard Island and McDonald Islands</option>
                                <option value="VA">Holy See (Vatican City State)</option>
                                <option value="HN">Honduras</option>
                                <option value="HU">Hungary</option>
                                <option value="IS">Iceland</option>
                                <option value="IN">India</option>
                                <option value="ID">Indonesia</option>
                                <option value="IR">Iran, Islamic Republic of</option>
                                <option value="IQ">Iraq</option>
                                <option value="IE">Ireland</option>
                                <option value="IM">Isle of Man</option>
                                <option value="IL">Israel</option>
                                <option value="IT">Italy</option>
                                <option value="JM">Jamaica</option>
                                <option value="JP">Japan</option>
                                <option value="JE">Jersey</option>
                                <option value="JO">Jordan</option>
                                <option value="KZ">Kazakhstan</option>
                                <option value="KE">Kenya</option>
                                <option value="KI">Kiribati</option>
                                <option value="KP">Korea, Democratic People's Republic of</option>
                                <option value="KR">Korea, Republic of</option>
                                <option value="KW">Kuwait</option>
                                <option value="KG">Kyrgyzstan</option>
                                <option value="LA">Lao People's Democratic Republic</option>
                                <option value="LV">Latvia</option>
                                <option value="LB">Lebanon</option>
                                <option value="LS">Lesotho</option>
                                <option value="LR">Liberia</option>
                                <option value="LY">Libya</option>
                                <option value="LI">Liechtenstein</option>
                                <option value="LT">Lithuania</option>
                                <option value="LU">Luxembourg</option>
                                <option value="MK">Macedonia, the former Yugoslav Republic of</option>
                                <option value="MG">Madagascar</option>
                                <option value="MW">Malawi</option>
                                <option value="MY">Malaysia</option>
                                <option value="MV">Maldives</option>
                                <option value="ML">Mali</option>
                                <option value="MT">Malta</option>
                                <option value="MH">Marshall Islands</option>
                                <option value="MQ">Martinique</option>
                                <option value="MR">Mauritania</option>
                                <option value="MU">Mauritius</option>
                                <option value="YT">Mayotte</option>
                                <option value="MX">Mexico</option>
                                <option value="FM">Micronesia, Federated States of</option>
                                <option value="MD">Moldova, Republic of</option>
                                <option value="MC">Monaco</option>
                                <option value="MN">Mongolia</option>
                                <option value="ME">Montenegro</option>
                                <option value="MS">Montserrat</option>
                                <option value="MA">Morocco</option>
                                <option value="MZ">Mozambique</option>
                                <option value="MM">Myanmar</option>
                                <option value="NA">Namibia</option>
                                <option value="NR">Nauru</option>
                                <option value="NP">Nepal</option>
                                <option value="NL">Netherlands</option>
                                <option value="NC">New Caledonia</option>
                                <option value="NZ">New Zealand</option>
                                <option value="NI">Nicaragua</option>
                                <option value="NE">Niger</option>
                                <option value="NG">Nigeria</option>
                                <option value="NU">Niue</option>
                                <option value="NF">Norfolk Island</option>
                                <option value="MP">Northern Mariana Islands</option>
                                <option value="NO">Norway</option>
                                <option value="OM">Oman</option>
                                <option value="PK">Pakistan</option>
                                <option value="PW">Palau</option>
                                <option value="PS">Palestinian Territory, Occupied</option>
                                <option value="PA">Panama</option>
                                <option value="PG">Papua New Guinea</option>
                                <option value="PY">Paraguay</option>
                                <option value="PE">Peru</option>
                                <option value="PH">Philippines</option>
                                <option value="PN">Pitcairn</option>
                                <option value="PL">Poland</option>
                                <option value="PT">Portugal</option>
                                <option value="PR">Puerto Rico</option>
                                <option value="QA">Qatar</option>
                                <option value="RE">Réunion</option>
                                <option value="RO">Romania</option>
                                <option value="RU">Russian Federation</option>
                                <option value="RW">Rwanda</option>
                                <option value="BL">Saint Barthélemy</option>
                                <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
                                <option value="KN">Saint Kitts and Nevis</option>
                                <option value="LC">Saint Lucia</option>
                                <option value="MF">Saint Martin (French part)</option>
                                <option value="PM">Saint Pierre and Miquelon</option>
                                <option value="VC">Saint Vincent and the Grenadines</option>
                                <option value="WS">Samoa</option>
                                <option value="SM">San Marino</option>
                                <option value="ST">Sao Tome and Principe</option>
                                <option value="SA">Saudi Arabia</option>
                                <option value="SN">Senegal</option>
                                <option value="RS">Serbia</option>
                                <option value="SC">Seychelles</option>
                                <option value="SL">Sierra Leone</option>
                                <option value="SG">Singapore</option>
                                <option value="SX">Sint Maarten (Dutch part)</option>
                                <option value="SK">Slovakia</option>
                                <option value="SI">Slovenia</option>
                                <option value="SB">Solomon Islands</option>
                                <option value="SO">Somalia</option>
                                <option value="ZA">South Africa</option>
                                <option value="GS">South Georgia and the South Sandwich Islands</option>
                                <option value="SS">South Sudan</option>
                                <option value="ES">Spain</option>
                                <option value="LK">Sri Lanka</option>
                                <option value="SD">Sudan</option>
                                <option value="SR">Suriname</option>
                                <option value="SJ">Svalbard and Jan Mayen</option>
                                <option value="SZ">Swaziland</option>
                                <option value="SE">Sweden</option>
                                <option value="CH">Switzerland</option>
                                <option value="SY">Syrian Arab Republic</option>
                                <option value="TW">Taiwan</option>
                                <option value="TJ">Tajikistan</option>
                                <option value="TZ">Tanzania, United Republic of</option>
                                <option value="TH">Thailand</option>
                                <option value="TL">Timor-Leste</option>
                                <option value="TG">Togo</option>
                                <option value="TK">Tokelau</option>
                                <option value="TO">Tonga</option>
                                <option value="TT">Trinidad and Tobago</option>
                                <option value="TN">Tunisia</option>
                                <option value="TR">Turkey</option>
                                <option value="TM">Turkmenistan</option>
                                <option value="TC">Turks and Caicos Islands</option>
                                <option value="TV">Tuvalu</option>
                                <option value="UG">Uganda</option>
                                <option value="UA">Ukraine</option>
                                <option value="AE">United Arab Emirates</option>
                                <option value="GB">United Kingdom</option>
                                <option value="US">United States</option>
                                <option value="UM">United States Minor Outlying Islands</option>
                                <option value="UY">Uruguay</option>
                                <option value="UZ">Uzbekistan</option>
                                <option value="VU">Vanuatu</option>
                                <option value="VE">Venezuela, Bolivarian Republic of</option>
                                <option value="VN">Viet Nam</option>
                                <option value="VG">Virgin Islands, British</option>
                                <option value="VI">Virgin Islands, U.S.</option>
                                <option value="WF">Wallis and Futuna</option>
                                <option value="EH">Western Sahara</option>
                                <option value="YE">Yemen</option>
                                <option value="ZM">Zambia</option>
                                <option value="ZW">Zimbabwe</option>
                        </select>
                </div>

                    <div class="form-group form-inline address_area">                
                        <span>&nbsp;&nbsp;</span>
                        <select id="address_area_select" class="input-sm validate[required]" name="data[Donation][area]">
                                <option value="Hong Kong Island">Hong Kong Island</option>   
                                <option value="Kowloon">Kowloon</option>   
                                <option value="New Territories">New Territories</option>   
                        </select>
                    </div>

                    <div class="form-group form-inline address_district">                
                        <span style="color: red;">*</span>   
                        <select id="address_district_select" class="input-sm validate[required]" name="data[Donation][district]">
                        <option value="">District</option>
                                                
                        <option value="Aberdeen 香港仔" class="hk">Aberdeen 香港仔</option>
                        <option value="Admiralty 金鐘" class="hk">Admiralty 金鐘</option>
                        <option value="Ap Lei Chau 鴨脷洲" class="hk">Ap Lei Chau 鴨脷洲</option>
                        <option value="Braemar Hill 寶馬山" class="hk">Braemar Hill 寶馬山</option>
                        <option value="Causeway Bay 銅鑼灣" class="hk">Causeway Bay 銅鑼灣</option>
                        <option value="Central 中環" class="hk"> Central 中環</option>
                        <option value="Chai Wan 柴灣" class="hk">Chai Wan 柴灣</option>
                        <option value="Chung Hom Kok 舂磡角" class="hk">Chung Hom Kok 舂磡角</option>
                        <option value="Happy Valley 跑馬地" class="hk">Happy Valley 跑馬地</option>
                        <option value="Jardine's Lookout 渣甸山" class="hk">Jardine's Lookout 渣甸山</option>
                        <option value="Kennedy Town 堅尼地城" class="hk">Kennedy Town 堅尼地城</option>
                        <option value="Mid-levels 半山區" class="hk">Mid-levels 半山區</option>
                        <option value="North Point 北角" class="hk">North Point 北角</option>
                        <option value="Peak 山頂" class="hk">Peak 山頂</option>
                        <option value="Pok Fu Lam 薄扶林" class="hk">Pok Fu Lam 薄扶林</option>
                        <option value="Quarry Bay 鰂魚涌" class="hk">Quarry Bay 鰂魚涌</option>
                        <option value="Repulse Bay 淺水灣" class="hk">Repulse Bay 淺水灣</option>
                        <option value="Sai Wan Ho 西灣河" class="hk">Sai Wan Ho 西灣河</option>
                        <option value="Sai Ying Pun 西營盤" class="hk">Sai Ying Pun 西營盤</option>
                        <option value="Shau Kei Wan 筲箕灣" class="hk">Shau Kei Wan 筲箕灣</option>
                        <option value="Shek O 石澳" class="hk">Shek O 石澳</option>
                        <option value="Shek Tong Tsui 石塘咀" class="hk">Shek Tong Tsui 石塘咀</option>
                        <option value="Sheung Wan 上環" class="hk">Sheung Wan 上環</option>
                        <option value="Shouson Hill 壽臣山" class="hk">Shouson Hill 壽臣山</option>
                        <option value="Siu Sai Wan 小西灣" class="hk">Siu Sai Wan 小西灣</option>
                        <option value="So Kon Po 掃桿埔" class="hk">So Kon Po 掃桿埔</option>
                        <option value="Stanley 赤柱" class="hk">Stanley 赤柱</option>
                        <option value="Tai Hang 大坑" class="hk">Tai Hang 大坑</option>
                        <option value="Tai Tam 大潭" class="hk">Tai Tam 大潭</option>
                        <option value="Tin Hau 天后" class="hk">Tin Hau 天后</option>
                        <option value="Wan Chai 灣仔" class="hk">Wan Chai 灣仔</option>
                        <option value="Wong Chuk Hang 黃竹坑" class="hk">Wong Chuk Hang 黃竹坑</option>

                        
                        <option value="Beacon Hill 筆架山" class="kln">Beacon Hill 筆架山</option>
                        <option value="Cheung Sha Wan 長沙灣" class="kln">Cheung Sha Wan 長沙灣</option>
                        <option value="Diamond Hill 鑽石山" class="kln">Diamond Hill 鑽石山</option>
                        <option value="Ho Man Tin 何文田" class="kln">Ho Man Tin 何文田</option>
                        <option value="Hung Hom 紅磡" class="kln">Hung Hom 紅磡</option>
                        <option value="Kai Tak 啟德" class="kln">Kai Tak 啟德</option>
                        <option value="King's Park 京士柏" class="kln">King's Park 京士柏</option>
                        <option value="Kowloon City 九龍城" class="kln">Kowloon City 九龍城</option>
                        <option value="Kowloon Tong 九龍塘" class="kln">Kowloon Tong 九龍塘</option>
                        <option value="Lai Chi Kok 荔枝角" class="kln">Lai Chi Kok 荔枝角</option>
                        <option value="Lok Fu 樂富" class="kln">Lok Fu 樂富</option>
                        <option value="Ma Tau Kok 馬頭角" class="kln">Ma Tau Kok 馬頭角</option>
                        <option value="Ma Tau Wai 馬頭圍" class="kln">Ma Tau Wai 馬頭圍</option>
                        <option value="Mei Foo 美孚" class="kln">Mei Foo 美孚</option>
                        <option value="Mong Kok 旺角" class="kln">Mong Kok 旺角</option>
                        <option value="Ngau Chi Wan 牛池灣" class="kln">Ngau Chi Wan 牛池灣</option>
                        <option value="San Po Kong 新蒲崗" class="kln">San Po Kong 新蒲崗</option>
                        <option value="Sham Shui Po 深水埗" class="kln">Sham Shui Po 深水埗</option>
                        <option value="Shek Kip Mei 石硤尾" class="kln">Shek Kip Mei 石硤尾</option>
                        <option value="Stonecutters Island 昂船洲" class="kln">Stonecutters Island 昂船洲</option>
                        <option value="Tai Kok Tsui 大角咀" class="kln">Tai Kok Tsui 大角咀</option>
                        <option value="Tai Wo Ping 大窩坪" class="kln">Tai Wo Ping 大窩坪</option>
                        <option value="To Kwa Wan 土瓜灣" class="kln">To Kwa Wan 土瓜灣</option>
                        <option value="Tsim Sha Tsui 尖沙咀" class="kln">Tsim Sha Tsui 尖沙咀</option>
                        <option value="Tsz Wan Shan 慈雲山" class="kln">Tsz Wan Shan 慈雲山</option>
                        <option value="Tung Tau 東頭" class="kln">Tung Tau 東頭</option>
                        <option value="Wang Tau Hom 橫頭磡" class="kln">Wang Tau Hom 橫頭磡</option>
                        <option value="West Kowloon Reclamation 西九龍填海區" class="kln">West Kowloon Reclamation 西九龍填海區</option>
                        <option value="Wong Tai Sin 黃大仙" class="kln">Wong Tai Sin 黃大仙</option>
                        <option value="Yau Ma Tei 油麻地" class="kln">Yau Ma Tei 油麻地</option>
                        <option value="Yau Yat Tsuen 又一村" class="kln">Yau Yat Tsuen 又一村</option>
                        <option value="Kowloon Bay 九龍灣" class="kln">Kowloon Bay 九龍灣</option>
                        <option value="Kwun Tong 觀塘" class="kln">Kwun Tong 觀塘</option>
                        <option value="Lam Tin 藍田" class="kln">Lam Tin 藍田</option>
                        <option value="Ngau Tau Kok 牛頭角" class="kln">Ngau Tau Kok 牛頭角</option>
                        <option value="Sau Mau Ping 秀茂坪" class="kln">Sau Mau Ping 秀茂坪</option>
                        <option value="Yau Tong 油塘" class="kln">Yau Tong 油塘</option>


                        
                        <option value="Cheung Chau 長洲" class="ntr">Cheung Chau 長洲</option>
                        <option value="Cheung Muk Tau 樟木頭" class="ntr">Cheung Muk Tau 樟木頭</option>
                        <option value="Clear Water Bay 清水灣" class="ntr">Clear Water Bay 清水灣</option>
                        <option value="Fanling 粉嶺" class="ntr">Fanling 粉嶺</option>
                        <option value="Fo Tan 火炭" class="ntr">Fo Tan 火炭</option>
                        <option value="Ha Tsuen 廈村" class="ntr">Ha Tsuen 廈村</option>
                        <option value="Hang Hau 坑口" class="ntr">Hang Hau 坑口</option>
                        <option value="Hung Shui Kiu 洪水橋" class="ntr">Hung Shui Kiu 洪水橋</option>
                        <option value="Kam Tin 錦田" class="ntr">Kam Tin 錦田</option>
                        <option value="Kei Ling Ha 企嶺下" class="ntr">Kei Ling Ha 企嶺下</option>
                        <option value="Kwai Chung 葵涌" class="ntr">Kwai Chung 葵涌</option>
                        <option value="Lam Tei 藍地" class="ntr">Lam Tei 藍地</option>
                        <option value="Lamma Island 南丫島" class="ntr">Lamma Island 南丫島</option>
                        <option value="Lantau Island 大嶼山" class="ntr">Lantau Island 大嶼山</option>
                        <option value="Lau Fau Shan 流浮山" class="ntr">Lau Fau Shan 流浮山</option>
                        <option value="Lei Muk Shue 梨木樹" class="ntr">Lei Muk Shue 梨木樹</option>
                        <option value="Lok Ma Chau 落馬洲" class="ntr">Lok Ma Chau 落馬洲</option>
                        <option value="Luen Wo Hui 聯和墟" class="ntr">Luen Wo Hui 聯和墟</option>
                        <option value="Luk Keng 鹿頸" class="ntr">Luk Keng 鹿頸</option>
                        <option value="Ma Liu Shui 馬料水" class="ntr">Ma Liu Shui 馬料水</option>
                        <option value="Ma On Shan 馬鞍山" class="ntr">Ma On Shan 馬鞍山</option>
                        <option value="Ma Wan 馬灣" class="ntr">Ma Wan 馬灣</option>
                        <option value="Ma Yau Tong 馬游塘" class="ntr">Ma Yau Tong 馬游塘</option>
                        <option value="Pat Heung 八鄉" class="ntr">Pat Heung 八鄉</option>
                        <option value="Peng Chau 坪洲" class="ntr">Peng Chau 坪洲</option>
                        <option value="Sai Kung 西貢" class="ntr">Sai Kung 西貢</option>
                        <option value="San Tin 新田" class="ntr">San Tin 新田</option>
                        <option value="Sha Tau Kok 沙頭角" class="ntr">Sha Tau Kok 沙頭角</option>
                        <option value="Sha Tin 沙田" class="ntr">Sha Tin 沙田</option>
                        <option value="Sham Tseng 深井" class="ntr">Sham Tseng 深井</option>
                        <option value="Shek Kong 石崗" class="ntr">Shek Kong 石崗</option>
                        <option value="Shek Wu Hui 石湖墟" class="ntr">Shek Wu Hui 石湖墟</option>
                        <option value="Sheung Shui 上水" class="ntr">Sheung Shui 上水</option>
                        <option value="Shuen Wan 船灣" class="ntr">Shuen Wan 船灣</option>
                        <option value="So Kwun Wat 掃管笏" class="ntr">So Kwun Wat 掃管笏</option>
                        <option value="Sunny Bay 欣澳" class="ntr">Sunny Bay 欣澳</option>
                        <option value="Tai Lam Chung 大欖涌" class="ntr">Tai Lam Chung 大欖涌</option>
                        <option value="Tai Mei Tuk 大尾篤" class="ntr">Tai Mei Tuk 大尾篤</option>
                        <option value="Tai Mong Tsai 大網仔" class="ntr">Tai Mong Tsai 大網仔</option>
                        <option value="Tai Po Kau 大埔滘" class="ntr">Tai Po Kau 大埔滘</option>
                        <option value="Tai Po Market 大埔墟" class="ntr">Tai Po Market 大埔墟</option>
                        <option value="Tai Po 大埔" class="ntr">Tai Po 大埔</option>
                        <option value="Tai Wai 大圍" class="ntr">Tai Wai 大圍</option>
                        <option value="Tin Shui Wai 天水圍" class="ntr">Tin Shui Wai 天水圍</option>
                        <option value="Ting Kau 汀九" class="ntr">Ting Kau 汀九</option>
                        <option value="Tiu Keng Leng 調景嶺" class="ntr">Tiu Keng Leng 調景嶺</option>
                        <option value="Tseung Kwan O 將軍澳" class="ntr">Tseung Kwan O 將軍澳</option>
                        <option value="Tsing Lung Tau 青龍頭" class="ntr">Tsing Lung Tau 青龍頭</option>
                        <option value="Tsing Yi 青衣" class="ntr">Tsing Yi 青衣</option>
                        <option value="Tsuen Wan 荃灣" class="ntr">Tsuen Wan 荃灣</option>
                        <option value="Tuen Mun 屯門" class="ntr">Tuen Mun 屯門</option>
                        <option value="Tung Chung 東涌" class="ntr">Tung Chung 東涌</option>
                        <option value="Wu Kai Sha 烏溪沙" class="ntr">Wu Kai Sha 烏溪沙</option>
                        <option value="Wu Kau Tang 烏蛟騰" class="ntr">Wu Kau Tang 烏蛟騰</option>
                        <option value="Yuen Long 元朗" class="ntr">Yuen Long 元朗</option>                                           

                        </select>
                    </div>

                    <div class="form-group form-inline ">
	                		<span>&nbsp;&nbsp;</span>                  	                        
	                        <input type="text" name="data[Donation][address_3]" value="" class="form-control address_3 " placeholder="Postal Code">
                    </div>

	                
                    <!--start address inputs-->
                                        
            	

            
            	<hr>
            	<div class="form-group accept_tncformError">
                		<input type="checkbox" name="accept_tnc" class="validate[required]" id="accept_tnc-12">
                        <label for="accept_tnc-12">
                                                            I have read and understood the <a href="/pages/pics" target="_blank" style="color:#00a9e0">"Personal Information Collection Statement"</a> and the eCommerce service will encrypte the credit card information and process the transaction.                                 
                                                    </label><br>

                    	<small>
                                                             A Drop of Life cannot use your personal data without your prior consent for the purposes of providing you with marketing materials. By confirming this form, you indicate your agreement to the use of your name and contact information for direct marketing purposes in accordance with the "Personal Information Collection Statement", unless you have ticked the box below indicating that you object to such use. 
                                                    </small>
                </div>
                <div class="form-group ">
                		<input type="checkbox" name="data[Donation][opt_out]" class="" value="1" id="opt-out-12">
                        <label for="opt-out-12">
                                                            I do NOT wish to receive any information or materials regarding campaigns, activities or fundraising appeals hosted or administered by A Drop of Life.
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>Refund Policy</strong><br>
                
                                    Once the payment has been confirmed, refund will not be provided. 
                                
                <br><hr>

                <div class="g-recaptcha center-block" data-sitekey="6LdSdLoUAAAAAO09js4niRlU1rELm5gThiv2CM0B" style="width:50%;"></div><br>

                <div class="form-group form-inline">
                
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayPal" checked>
                    <img src="/images/paypal-payment.jpg" style="width:90%"/>
                </label>       
                
                <label class="col-md-6 col-xs-6 p-0" style="display:none">
                    <input type="radio" name="data[Donation][pay_method]" value="Pay Dollar">
                    <img src="/images/paydollar-payment.jpg" style="width:90%"/>
                </label>
                <label class="col-md-6 col-xs-6 p-0">
                    <input type="radio" name="data[Donation][pay_method]" value="PayMe">
                    <img src="/images/payme-payment.jpg" style="width:90%"/>
                </label>
                    
                <div class="clearfix"></div>
                
                <div class="text-left">A Drop of Life (ADOL) wishes to safeguard your payment information. ADOL’s online payment service is handled by third party secure payment system (PayDollar/ PayPal/ PayMe/ FPS). ADOL does not process or store any card information. Credit card information will be processed and stored by third party secure payment system. All information collected are solely for donation or registration handling. Upon clicking “Donate”, you acknowledge and agree to the arrangement of ADOL. For the details of the third party secure payment system, please refer to <a href="/pages/payment" target="_blank" style="color:#00a9e0">Security Capabilities and Policies</a>.  </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=en' async defer></script>


                <script>
                $(function(){
                    $(".address_3").hide();
                    $(".address_area").hide();
                    $(".address_district").hide();

                    $(".country").change(function(){
                        if ($(this).val()=='HK'){
                            $(".address_district").show();
                            $(".address_area").show();
                            $(".address_3").hide();
                            
                            $("#address_area_select").val($("#address_area_select option:first").val());
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        else{
                            $(".address_3").show();
                            $(".address_area").hide();
                            $(".address_area select").val('');
                            $(".address_district").hide();
                            $(".address_district select").val('');
                        }
                    });

                    $(".kln").attr("disabled", "disabled").hide();
                    $(".ntr").attr("disabled", "disabled").hide();
                    $(".hk").attr("disabled", false).show();
                    
                    $("#address_area_select").change(function(){
                        $("#address_district_select").val('');
                        if ($(this).val()=="Hong Kong Island" || $(this).val()=="香港島"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", false).show();
                        }
                        if ($(this).val()=="Kowloon" || $(this).val()=="九龍"){
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", "disabled").hide();
                            $(".kln").attr("disabled", false).show();                    
                        }
                        if ($(this).val()=="New Territories" || $(this).val()=="新界"){
                            $(".kln").attr("disabled", "disabled").hide();
                            $(".hk").attr("disabled", "disabled").hide();
                            $(".ntr").attr("disabled", false).show();                    
                        }
                    });
                });
                </script>
            
            
              
                
                <!--donation form content page 1-->
            </div>
          
            <div class="modal-footer donationFormFooter">
                
                <button type="button" class="btn btn-primary step step-1" data-step="1" onclick="sendEvent('#DonationModal-12', 2)" style="display: none;">Donate Now</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">Back</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">Donate</button>
                
            </div>
        </div>
    </div>
</form>

<!--end boostrap mutiple form-->



<script>
    	
    	//Force updating the value for supporting 
    	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
    	
    	$( "#DonationModal-12 .donation_amount ").change(function() {
        	$( "#DonationModal-12 .donation_amount_label ").html("$"+$( "#DonationModal-12 .donation_amount ").val());
     	});
     	
         $( ".modal.multi-step").bind( "dialogopen", function(event, ui) {
            $('#DonationModal-12').validationEngine();
        });
        
        $('#DonationModal-12 .DonationEduBtn').click(function(){
          
          var donateAmount = $(this).attr('amount');
          $('#DonationModal-12 .NormalDonationAmount').val(donateAmount);
          
          $( "#DonationModal-12 .donation_amount_label ").html("$"+donateAmount);
          
           
      })
      
       
         
         $(function(){
         
          $("#DonationModal-12").validationEngine('attach', {showOneMessage: true}).submit(function () {
            
                    var response = grecaptcha.getResponse();
                    if(response.length == 0){
                        alert("請先勾選驗證碼!\nPlease tick reCaptcha!");
                        return false;
                    }
                }); 
                
                       
         });
          
       sendEvent = function(sel, step) {
        $(sel).trigger('next.m.' + step);
        
        	
        		
        
       };

   
</script>              
              <!--start fetch campaign-->
         
          <div class="col-sm-6 col-md-4 col-lg-4">
            <div class="causes bg-lighter box-hover-effect effect1 maxwidth500 mb-sm-30 BorderBotWhite">
                <a href="/campaigns/view/7553">
                  <div class="thumb">

                        <img class="" alt="" src="/images/small/projects/water_poster.png">

                  </div>
                </a>
              <div class="progress-item mt-0">
                <div class="progress mb-0">
                  <div class="progress-bar" data-percent="
                    100">                                        
                  </div>
                </div>
              </div>
              <div class="causes-details clearfix border-bottom p-15 pt-10">
                <h5 class="campaignTitle"><a href="/campaigns/view/7553">獅子撲兔</a></h5>
                <p></p>
                <ul class="list-inline clearfix mt-20">
                  <li class="pull-left pr-0">Raised: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">Goal: $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 Donors                    </div>
            
                </div>
              </div>
            </div>
          </div>
          <!--end fetch campaign-->
              
                     
            <div class="clearfix"></div>  
              
            <!--end one event-->  
              
  
            
              
            
            <p>
            	
            </p>
            <div class="paging">
                <nav>
                    <ul class="pagination theme-colored pull-right xs-pull-center mb-xs-40">
            <li><span class="prev"><a href="/campaigns/index/page:29" rel="prev">&lt; previous</a></span></li><li><span><a href="/campaigns/index/page:26">26</a></span><span><a href="/campaigns/index/page:27">27</a></span><span><a href="/campaigns/index/page:28">28</a></span><span><a href="/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/campaigns/index/page:31">31</a></span><span><a href="/campaigns/index/page:32">32</a></span><span><a href="/campaigns/index/page:33">33</a></span><span><a href="/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/campaigns/index/page:31" rel="next">next &gt;</a></span></li>                    </ul>
                </nav>
            </div>
              
              
          </div>
          
      </div>
    </section>
    
    
    
    
  </div>
  <!-- end main-content -->
   
    <script>
        
        
     
        
       
        $(function(){
             $('form.modal.multi-step').on('hidden.bs.modal', function () {

              $('.EduDonationAmount').val(500); 
              //$('#ProjectNameInput').hide();
              $('.DonationAmountVal1').val(500);
             

            });
        })
       
    
        
        function cancelSearch(){
            removeUserSearchCookie();
            window.location = '/campaign/campaigns';
        }

    </script>
    
    <script src="/js/multi-step-modal.js"></script>
    
    



'
$scripts_for_layout = ''
$title_for_layout = 'Fundraising Campaigns'
$cakeDescription = 'CakePHP: the rapid development php framework'
$cakeVersion = 'CakePHP 2.10.22'
$passedArgs = array(
	'page' => '30'
)
include - APP/View/Layouts/default.ctp, line 173
View::_evaluate() - CORE/Cake/View/View.php, line 971
View::_render() - CORE/Cake/View/View.php, line 933
View::renderLayout() - CORE/Cake/View/View.php, line 546
View::render() - CORE/Cake/View/View.php, line 481
Controller::render() - CORE/Cake/Controller/Controller.php, line 968
CampaignsController::index() - APP/Controller/CampaignsController.php, line 83
ReflectionMethod::invokeArgs() - [internal], line ??
Controller::invokeAction() - CORE/Cake/Controller/Controller.php, line 499
Dispatcher::_invoke() - CORE/Cake/Routing/Dispatcher.php, line 193
Dispatcher::dispatch() - CORE/Cake/Routing/Dispatcher.php, line 167
[main] - APP/webroot/index.php, line 117