籌款專頁

登入

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=78b33eee0a66e04581f9aeab2ec8d90b&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-zh_TW.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">捐款表格</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">計劃名稱 :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">名字</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">電郵地址</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">捐款金額（港幣）:</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">關閉</button>
              <button type="submit" class="btn btn-primary">捐款</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">籌款網頁</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">主頁</a></li>
                <li class="active">籌款網頁</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">搜尋</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="搜尋..." 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">分類</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">揹水一戰 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">點滴揹水行 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">點滴善行在尼泊爾 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">點滴鎮洋單車在紐西蘭 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">揹水一戰2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">揹水一戰 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA 點滴揹水Walk & Run 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">揹水一戰 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA 點滴揹水Walk & Run 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">揹水一戰 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA點滴揹水Walk and Fun 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">點滴揹水Walk and Fun 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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 開心四人組                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">捐款</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">已籌得: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">捐款</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">已籌得: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 豬隊友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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">捐款</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">已籌得: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">捐款</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">已籌得: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 請多多支持我地! 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">捐款</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">已籌得: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 獅子撲兔                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">捐款</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">已籌得: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 捐款者                    </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="/zh/campaigns/index/page:29" rel="prev">&lt; 上一頁</a></span></li><li><span><a href="/zh/campaigns/index/page:26">26</a></span><span><a href="/zh/campaigns/index/page:27">27</a></span><span><a href="/zh/campaigns/index/page:28">28</a></span><span><a href="/zh/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/zh/campaigns/index/page:31">31</a></span><span><a href="/zh/campaigns/index/page:32">32</a></span><span><a href="/zh/campaigns/index/page:33">33</a></span><span><a href="/zh/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/zh/campaigns/index/page:31" rel="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' => '籌款專頁'
)
$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=78b33eee0a66e04581f9aeab2ec8d90b&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-zh_TW.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">捐款表格</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">計劃名稱 :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">名字</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">電郵地址</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">捐款金額（港幣）:</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">關閉</button>
              <button type="submit" class="btn btn-primary">捐款</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">籌款網頁</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">主頁</a></li>
                <li class="active">籌款網頁</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">搜尋</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="搜尋..." 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">分類</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">揹水一戰 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">點滴揹水行 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">點滴善行在尼泊爾 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">點滴鎮洋單車在紐西蘭 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">揹水一戰2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">揹水一戰 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA 點滴揹水Walk & Run 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">揹水一戰 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA 點滴揹水Walk & Run 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">揹水一戰 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA點滴揹水Walk and Fun 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">點滴揹水Walk and Fun 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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 開心四人組                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">捐款</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">已籌得: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">捐款</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">已籌得: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 豬隊友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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">捐款</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">已籌得: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">捐款</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">已籌得: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 請多多支持我地! 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">捐款</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">已籌得: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 獅子撲兔                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">捐款</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">已籌得: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 捐款者                    </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="/zh/campaigns/index/page:29" rel="prev">&lt; 上一頁</a></span></li><li><span><a href="/zh/campaigns/index/page:26">26</a></span><span><a href="/zh/campaigns/index/page:27">27</a></span><span><a href="/zh/campaigns/index/page:28">28</a></span><span><a href="/zh/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/zh/campaigns/index/page:31">31</a></span><span><a href="/zh/campaigns/index/page:32">32</a></span><span><a href="/zh/campaigns/index/page:33">33</a></span><span><a href="/zh/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/zh/campaigns/index/page:31" rel="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 = '籌款專頁'
$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=78b33eee0a66e04581f9aeab2ec8d90b&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-zh_TW.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">捐款表格</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">計劃名稱 :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">名字</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">電郵地址</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">捐款金額（港幣）:</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">關閉</button>
              <button type="submit" class="btn btn-primary">捐款</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">籌款網頁</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">主頁</a></li>
                <li class="active">籌款網頁</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">搜尋</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="搜尋..." 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">分類</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">揹水一戰 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">點滴揹水行 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">點滴善行在尼泊爾 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">點滴鎮洋單車在紐西蘭 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">揹水一戰2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">揹水一戰 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA 點滴揹水Walk & Run 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">揹水一戰 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA 點滴揹水Walk & Run 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">揹水一戰 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA點滴揹水Walk and Fun 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">點滴揹水Walk and Fun 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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 開心四人組                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">捐款</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">已籌得: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">捐款</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">已籌得: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 豬隊友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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">捐款</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">已籌得: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">捐款</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">已籌得: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 請多多支持我地! 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">捐款</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">已籌得: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 獅子撲兔                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">捐款</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">已籌得: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 捐款者                    </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="/zh/campaigns/index/page:29" rel="prev">&lt; 上一頁</a></span></li><li><span><a href="/zh/campaigns/index/page:26">26</a></span><span><a href="/zh/campaigns/index/page:27">27</a></span><span><a href="/zh/campaigns/index/page:28">28</a></span><span><a href="/zh/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/zh/campaigns/index/page:31">31</a></span><span><a href="/zh/campaigns/index/page:32">32</a></span><span><a href="/zh/campaigns/index/page:33">33</a></span><span><a href="/zh/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/zh/campaigns/index/page:31" rel="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' => '籌款專頁'
)
$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=78b33eee0a66e04581f9aeab2ec8d90b&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-zh_TW.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">捐款表格</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">計劃名稱 :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">名字</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">電郵地址</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">捐款金額（港幣）:</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">關閉</button>
              <button type="submit" class="btn btn-primary">捐款</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">籌款網頁</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">主頁</a></li>
                <li class="active">籌款網頁</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">搜尋</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="搜尋..." 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">分類</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">揹水一戰 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">點滴揹水行 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">點滴善行在尼泊爾 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">點滴鎮洋單車在紐西蘭 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">揹水一戰2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">揹水一戰 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA 點滴揹水Walk & Run 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">揹水一戰 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA 點滴揹水Walk & Run 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">揹水一戰 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA點滴揹水Walk and Fun 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">點滴揹水Walk and Fun 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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 開心四人組                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">捐款</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">已籌得: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">捐款</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">已籌得: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 豬隊友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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">捐款</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">已籌得: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">捐款</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">已籌得: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 請多多支持我地! 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">捐款</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">已籌得: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 獅子撲兔                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">捐款</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">已籌得: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 捐款者                    </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="/zh/campaigns/index/page:29" rel="prev">&lt; 上一頁</a></span></li><li><span><a href="/zh/campaigns/index/page:26">26</a></span><span><a href="/zh/campaigns/index/page:27">27</a></span><span><a href="/zh/campaigns/index/page:28">28</a></span><span><a href="/zh/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/zh/campaigns/index/page:31">31</a></span><span><a href="/zh/campaigns/index/page:32">32</a></span><span><a href="/zh/campaigns/index/page:33">33</a></span><span><a href="/zh/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/zh/campaigns/index/page:31" rel="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 = '籌款專頁'
$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=78b33eee0a66e04581f9aeab2ec8d90b&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-zh_TW.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">捐款表格</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">計劃名稱 :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">名字</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">電郵地址</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">捐款金額（港幣）:</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">關閉</button>
              <button type="submit" class="btn btn-primary">捐款</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">籌款網頁</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">主頁</a></li>
                <li class="active">籌款網頁</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">搜尋</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="搜尋..." 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">分類</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">揹水一戰 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">點滴揹水行 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">點滴善行在尼泊爾 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">點滴鎮洋單車在紐西蘭 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">揹水一戰2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">揹水一戰 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA 點滴揹水Walk & Run 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">揹水一戰 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA 點滴揹水Walk & Run 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">揹水一戰 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA點滴揹水Walk and Fun 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">點滴揹水Walk and Fun 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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 開心四人組                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">捐款</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">已籌得: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">捐款</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">已籌得: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 豬隊友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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">捐款</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">已籌得: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">捐款</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">已籌得: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 請多多支持我地! 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">捐款</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">已籌得: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 獅子撲兔                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">捐款</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">已籌得: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 捐款者                    </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="/zh/campaigns/index/page:29" rel="prev">&lt; 上一頁</a></span></li><li><span><a href="/zh/campaigns/index/page:26">26</a></span><span><a href="/zh/campaigns/index/page:27">27</a></span><span><a href="/zh/campaigns/index/page:28">28</a></span><span><a href="/zh/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/zh/campaigns/index/page:31">31</a></span><span><a href="/zh/campaigns/index/page:32">32</a></span><span><a href="/zh/campaigns/index/page:33">33</a></span><span><a href="/zh/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/zh/campaigns/index/page:31" rel="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' => '籌款專頁'
)
$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=78b33eee0a66e04581f9aeab2ec8d90b&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-zh_TW.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">捐款表格</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">計劃名稱 :</label>
                 <span id="CampaignName" ></span>
              </div>
              <div class="form-group form-inline">   
                      <label for="recipient-name" class="form-control-label">名字</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">電郵地址</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">捐款金額（港幣）:</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">關閉</button>
              <button type="submit" class="btn btn-primary">捐款</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">籌款網頁</h3>
              <ol class="breadcrumb text-center mt-10 white">
                <li><a href="/">主頁</a></li>
                <li class="active">籌款網頁</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">搜尋</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="搜尋..." 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">分類</h5>
                <div class="categories">
                  <ul class="list list-border angle-double-right">
                                       
                    <li><a href="/campaigns/index/page:1/cat:1">揹水一戰 2017<span>(1)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:3">點滴揹水行 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">點滴善行在尼泊爾 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:10">點滴鎮洋單車在紐西蘭 2016<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:11">揹水一戰2018<span>(20)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:18">揹水一戰 2019<span>(44)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:19">AVEDA 點滴揹水Walk & Run 2019<span>(0)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:23">揹水一戰 2020<span>(19)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:24">AVEDA 點滴揹水Walk & Run 2020<span>(2)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:26">揹水一戰 2023<span>(13)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:27">AVEDA點滴揹水Walk and Fun 2023<span>(3)</span></a></li>
                   
                                        
                    <li><a href="/campaigns/index/page:1/cat:28">點滴揹水Walk and Fun 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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 開心四人組                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-1', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-2', 3)" style="display: none;">捐款</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">已籌得: $1200</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-3', 3)" style="display: none;">捐款</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">已籌得: $2400</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 4 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 豬隊友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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-4', 3)" style="display: none;">捐款</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">已籌得: $2520</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 15 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-5', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-6', 3)" style="display: none;">捐款</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">已籌得: $0</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $1200</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 0 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-7', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-8', 3)" style="display: none;">捐款</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">已籌得: $3202</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 13 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-9', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 2 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 請多多支持我地! 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-10', 3)" style="display: none;">捐款</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">已籌得: $3100</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 10 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-11', 3)" style="display: none;">捐款</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">已籌得: $600</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $600</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 1 捐款者                    </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">多謝您的支持</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">捐款金額（港幣）:</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>
                *捐款達港幣100元或以上可獲發收據申請扣減稅項。                <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">
                   	 我願意捐 <span class="donation_amount_label"></span> 元來支持 獅子撲兔                                       </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="請填寫稱謂" placeholder="稱謂">
                        <option value="">稱謂</option>
                                                
                        <option value="MR.">先生</option>
                        <option value="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="英文名字">
                  </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="英文姓氏">
                  </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="電郵地址 " style="margin-bottom: 10px;"><br>


                      <div style="color:red;width: 290px;margin:0 auto;display:inline-block">
                        由於本會發現部分Yahoo電郵地址出現郵件傳送問題，因此我們建議閣下可選用Gmail, Outlook, Hotmail, 等電郵地址作通訊之用。                      </div><br/>

                      （成功捐款後，收據將會發送至此電郵地址）                  </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="手提電話號碼">
                  </div>

                  <div class="form-group form-inline show_dob">                    
                    <span>&nbsp;</span>   
                                              <input type="text" class="form-control" name="data[Donation][birth_year]" placeholder="出生年月 (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="收據上的姓名 ">
                  </div>

                                        <div class="form-group form-inline ">                                    
                        <span>請選擇顯示內容(顯示於籌款頁面)</span><br>
                        <span>&nbsp;&nbsp;</span>
                        <select class="input-sm" name="data[Donation][campaign_show_donor_detail]">
                                <option value="1" selected>在籌款頁面上顯示名字 + 金額</option>
                                <option value="2">在籌款頁面上只顯示名字</option>
                                <option value="0">在籌款頁面上顯示為匿名</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="地址 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="地址 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="">國家／地區</option> 
                                <option value="HK">香港</option>
                                <option value="MO">澳門</option>
                                <option value="CN">中國</option>         
                                <option value="AF">阿富汗</option>
                                <option value="AX">奧蘭群島</option>
                                <option value="AL">阿爾巴尼亞</option>
                                <option value="DZ">阿爾及利亞</option>
                                <option value="AS">美屬薩摩亞</option>
                                <option value="AD">安多拉</option>
                                <option value="AO">安哥拉</option>
                                <option value="AI">安圭拉</option>
                                <option value="AQ">南極洲</option>
                                <option value="AG">安地瓜－巴布達</option>
                                <option value="AR">阿根廷</option>
                                <option value="AM">亞美尼亞</option>
                                <option value="AW">阿魯巴</option>
                                <option value="AU">澳大利亞</option>
                                <option value="AT">奧地利</option>
                                <option value="AZ">亞塞拜疆</option>
                                <option value="BS">巴哈馬</option>
                                <option value="BH">巴林</option>
                                <option value="BD">孟加拉</option>
                                <option value="BB">巴貝多</option>
                                <option value="BY">白俄羅斯</option>
                                <option value="BE">比利時</option>
                                <option value="BZ">貝里斯</option>
                                <option value="BJ">貝寧</option>
                                <option value="BM">百慕達</option>
                                <option value="BT">不丹</option>
                                <option value="BO">玻利維亞</option>
                                <option value="BQ">博奈爾島、聖猶士坦島、薩巴島</option>
                                <option value="BA">波斯尼亞黑塞哥維那</option>
                                <option value="BW">博茨瓦納</option>
                                <option value="BV">布維島</option>
                                <option value="BR">巴西</option>
                                <option value="IO">英屬印度洋領地</option>
                                <option value="BN">汶萊</option>
                                <option value="BG">保加利亞</option>
                                <option value="BF">布基納法索</option>
                                <option value="BI">布隆迪</option>
                                <option value="KH">柬埔寨</option>
                                <option value="CM">喀麥隆</option>
                                <option value="CA">加拿大</option>
                                <option value="CV">維德角</option>
                                <option value="KY">開曼羣島</option>
                                <option value="CF">中非共和國</option>
                                <option value="TD">乍得</option>
                                <option value="CL">智利</option>
                                <option value="CX">聖誕島</option>
                                <option value="CC">可可斯群島</option>
                                <option value="CO">哥倫比亞</option>
                                <option value="KM">科摩羅</option>
                                <option value="CG">剛果</option>
                                <option value="CD">剛果民主共和國</option>
                                <option value="CK">庫克群島</option>
                                <option value="CR">哥斯達黎加</option>
                                <option value="CI">科特迪瓦</option>
                                <option value="HR">克羅埃西亞</option>
                                <option value="CU">古巴</option>
                                <option value="CW">庫拉索</option>
                                <option value="CY">塞浦路斯</option>
                                <option value="CZ">捷克共和國</option>
                                <option value="DK">丹麥</option>
                                <option value="DJ">吉布提</option>
                                <option value="DM">多明尼克</option>
                                <option value="DO">多明尼克共和國</option>
                                <option value="EC">厄瓜多爾</option>
                                <option value="EG">埃及</option>
                                <option value="SV">薩爾瓦多</option>
                                <option value="GQ">赤道幾內亞</option>
                                <option value="ER">厄利垂亞</option>
                                <option value="EE">愛沙尼亞</option>
                                <option value="ET">埃塞俄比亞</option>
                                <option value="FK">福克蘭群島</option>
                                <option value="FO">法羅群島</option>
                                <option value="FJ">斐濟</option>
                                <option value="FI">芬蘭</option>
                                <option value="FR">法國</option>
                                <option value="GF">法屬圭亞那</option>
                                <option value="PF">法屬波里尼西亞</option>
                                <option value="TF">法屬南部和南極領地</option>
                                <option value="GA">加彭</option>
                                <option value="GM">岡比亞</option>
                                <option value="GE">喬治亞</option>
                                <option value="DE">德國</option>
                                <option value="GH">迦納</option>
                                <option value="GI">直布羅陀</option>
                                <option value="GR">希臘</option>
                                <option value="GL">格陵蘭</option>
                                <option value="GD">格林納達</option>
                                <option value="GP">瓜德羅普</option>
                                <option value="GU">關島</option>
                                <option value="GT">危地馬拉</option>
                                <option value="GG">根西</option>
                                <option value="GN">幾內亞</option>
                                <option value="GW">幾內亞比索</option>
                                <option value="GY">蓋亞那</option>
                                <option value="HT">海地</option>
                                <option value="HM">赫德島和麥克唐納群島</option>
                                <option value="VA">教廷 （梵蒂岡）</option>
                                <option value="HN">宏都拉斯</option>
                                <option value="HU">匈牙利</option>
                                <option value="IS">冰島</option>
                                <option value="IN">印度</option>
                                <option value="ID">印度尼西亞</option>
                                <option value="IR">伊朗</option>
                                <option value="IQ">伊拉克</option>
                                <option value="IE">愛宜蘭</option>
                                <option value="IM">馬恩島</option>
                                <option value="IL">以色列</option>
                                <option value="IT">義大利</option>
                                <option value="JM">牙買加</option>
                                <option value="JP">日本</option>
                                <option value="JE">澤西</option>
                                <option value="JO">約旦</option>
                                <option value="KZ">哈薩克斯坦</option>
                                <option value="KE">肯亞</option>
                                <option value="KI">基利巴斯</option>
                                <option value="KP">朝鮮民主主義人民共和國</option>
                                <option value="KR">大韓民國</option>
                                <option value="KW">科威特</option>
                                <option value="KG">吉爾吉斯</option>
                                <option value="LA">老撾</option>
                                <option value="LV">拉脫維亞</option>
                                <option value="LB">黎巴嫩</option>
                                <option value="LS">賴索托</option>
                                <option value="LR">利比里亞</option>
                                <option value="LY">利比亞</option>
                                <option value="LI">列支敦士登</option>
                                <option value="LT">立陶宛</option>
                                <option value="LU">盧森堡</option>
                                <option value="MK">盧森堡馬其頓</option>
                                <option value="MG">馬達加斯加</option>
                                <option value="MW">馬拉威</option>
                                <option value="MY">馬來西亞</option>
                                <option value="MV">馬爾地夫</option>
                                <option value="ML">馬里</option>
                                <option value="MT">馬里</option>
                                <option value="MH">馬紹爾群島</option>
                                <option value="MQ">馬提尼克</option>
                                <option value="MR">毛裡塔尼亞</option>
                                <option value="MU">毛裡求斯</option>
                                <option value="YT">馬約特</option>
                                <option value="MX">馬約特</option>
                                <option value="FM">密克羅尼西亞</option>
                                <option value="MD">摩爾多瓦</option>
                                <option value="MC">摩納哥</option>
                                <option value="MN">蒙古</option>
                                <option value="ME">蒙特內哥羅</option>
                                <option value="MS">蒙特塞拉特</option>
                                <option value="MA">摩洛哥</option>
                                <option value="MZ">莫三鼻給</option>
                                <option value="MM">緬甸</option>
                                <option value="NA">納米比亞</option>
                                <option value="NR">瑙魯</option>
                                <option value="NP">尼泊爾</option>
                                <option value="NL">荷蘭</option>
                                <option value="NC">新喀里多尼亞 </option>
                                <option value="NZ">紐西蘭</option>
                                <option value="NI">尼加拉瓜</option>
                                <option value="NE">尼加拉瓜</option>
                                <option value="NG">尼日利亞</option>
                                <option value="NU">紐埃</option>
                                <option value="NF">諾福克島</option>
                                <option value="MP">北馬里亞納群島</option>
                                <option value="NO">挪威</option>
                                <option value="OM">阿曼</option>
                                <option value="PK">巴基斯坦</option>
                                <option value="PW">帛琉</option>
                                <option value="PS">巴勒斯坦</option>
                                <option value="PA">巴拿馬</option>
                                <option value="PG">巴布亞紐幾內亞</option>
                                <option value="PY">巴拉圭</option>
                                <option value="PE">秘魯</option>
                                <option value="PH">菲律賓</option>
                                <option value="PN">皮特凱恩群島</option>
                                <option value="PL">波蘭 </option>
                                <option value="PT">葡萄牙</option>
                                <option value="PR">波多黎各</option>
                                <option value="QA">卡塔爾</option>
                                <option value="RE">留尼汪</option>
                                <option value="RO">羅馬尼亞</option>
                                <option value="RU">俄羅斯</option>
                                <option value="RW">盧安達</option>
                                <option value="BL">聖巴泰勒米</option>
                                <option value="SH">聖海倫娜島</option>
                                <option value="KN">聖基斯-尼維斯</option>
                                <option value="LC">聖露西亞</option>
                                <option value="MF">聖馬丁島</option>
                                <option value="PM">聖皮埃爾及密克隆群島</option>
                                <option value="VC">聖文森特和格林納丁斯</option>
                                <option value="WS">薩摩亞</option>
                                <option value="SM">聖馬利諾</option>
                                <option value="ST">聖多美-普林西比</option>
                                <option value="SA">沙特阿拉伯</option>
                                <option value="SN">塞內加爾</option>
                                <option value="RS">塞爾維亞</option>
                                <option value="SC">塞席爾 </option>
                                <option value="SL">塞拉利昂</option>
                                <option value="SG">新加坡</option>
                                <option value="SX">荷屬聖馬丁</option>
                                <option value="SK">斯洛伐克</option>
                                <option value="SI">斯洛維尼亞</option>
                                <option value="SB">所羅門群島</option>
                                <option value="SO">索馬利亞 </option>
                                <option value="ZA">南非 </option>
                                <option value="GS">南喬治亞與南三明治群島</option>
                                <option value="SS">南喬治亞與南三明治群島</option>
                                <option value="ES">西班牙</option>
                                <option value="LK">斯里蘭卡</option>
                                <option value="SD">蘇丹</option>
                                <option value="SR">蘇利南</option>
                                <option value="SJ">斯瓦爾巴群島</option>
                                <option value="SZ">史瓦濟蘭</option>
                                <option value="SE">瑞典 </option>
                                <option value="CH">瑞士</option>
                                <option value="SY">敘利亞 </option>
                                <option value="TW">臺灣</option>
                                <option value="TJ">塔吉克斯坦 </option>
                                <option value="TZ">坦桑尼亞 </option>
                                <option value="TH">泰國 </option>
                                <option value="TL">東帝汶民主共和國</option>
                                <option value="TG">多哥</option>
                                <option value="TK">托克勞</option>
                                <option value="TO">東加</option>
                                <option value="TT">千里達-托巴哥 </option>
                                <option value="TN">突尼斯 </option>
                                <option value="TR">土耳其 </option>
                                <option value="TM">土庫曼</option>
                                <option value="TC">特克斯與凱科斯群島 </option>
                                <option value="TV">吐瓦魯 </option>
                                <option value="UG">烏干達 </option>
                                <option value="UA">烏克蘭</option>
                                <option value="AE">阿拉伯聯合大公國 </option>
                                <option value="GB">英國</option>
                                <option value="US">美國</option>
                                <option value="UM">美國邊遠島嶼</option>
                                <option value="UY">烏拉圭 </option>
                                <option value="UZ">烏茲別克</option>
                                <option value="VU">瓦努阿圖 </option>
                                <option value="VE">委內瑞拉</option>
                                <option value="VN">越南</option>
                                <option value="VG">英屬處女群島</option>
                                <option value="VI">美屬處女群島</option>
                                <option value="WF">瓦利斯及富圖納群島</option>
                                <option value="EH">西撒哈拉</option>
                                <option value="YE">也門 </option>
                                <option value="ZM">尚比亞 </option>
                                <option value="ZW">津巴布韋</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="香港島">香港島</option>   
                                <option value="九龍">九龍</option>   
                                <option value="新界">新界</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="">地區</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="郵政編號">
                    </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">
                                                            我已閱讀並清楚明白<a href="/pages/pics" target="_blank" style="color:#00a9e0">「 收集個人資料聲明」</a>的有關內容及信用卡資料將由第三方支付平台加密並處理相關交易。
                                                    </label><br>

                    	<small>
                                                            未經你事先同意，本會不會使用你的個人資料作推廣用途。若你按「捐款」繼續捐款流程，即表示你同意本會「收集個人資料聲明」，將你的姓名及聯絡資料用於直接推廣。 <br/>若你不同意，請在以下方格加上剔號： 
                                                    </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">
                                                            我不希望收取「點滴是生命」任何慈善項目的計劃、活動資訊、籌募呼籲或其他項目。
                                                    </label>
                </div>


                
                
                 <hr>
                
                <strong>退款條例</strong><br>
                
                                    付款一經確認，款項將不獲退還。 
                                
                <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">「點滴是生命」 （以下簡稱「本會」）為閣下提供最佳的安全保障，本網站的網上付款服務由第三方安全付款系統 （PayDollar／PayPal／PayMe／FPS）處理，所有信用卡資料不會於本會之伺服器内處理或儲存，並由第三方安全付款系統處理及保管，所有資料只用作處理捐款或報名事宜。當閣下按下「捐款／確認」按鈕後，即代表閣下知悉及同意本會安排。有關第三方安全付款系統詳情請參閱<a href="/pages/payment" target="_blank" style="color:#00a9e0">「支付安全」</a>。 </div><br/>
                </div>
                
                <div class="clearfix"></div>
                <!--end address inputs-->

                                <script src='https://www.google.com/recaptcha/api.js?hl=zh-HK' 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;">立即捐款</button>
                
                
                <button type="button" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 1)" style="display: none;">返回</button>
                <button type="submit" class="btn btn-primary step step-2" data-step="2" onclick="sendEvent('#DonationModal-12', 3)" style="display: none;">捐款</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">已籌得: $2500</li>
                  <li class="text-theme-colored pull-right pr-0">目標： $2400</li>
                </ul>
                <div class="mt-10">
            	                    <div class="pull-right mt-15"><i class="fa fa-heart-o text-theme-colored"></i> 9 捐款者                    </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="/zh/campaigns/index/page:29" rel="prev">&lt; 上一頁</a></span></li><li><span><a href="/zh/campaigns/index/page:26">26</a></span><span><a href="/zh/campaigns/index/page:27">27</a></span><span><a href="/zh/campaigns/index/page:28">28</a></span><span><a href="/zh/campaigns/index/page:29">29</a></span><span class="current">30</span><span><a href="/zh/campaigns/index/page:31">31</a></span><span><a href="/zh/campaigns/index/page:32">32</a></span><span><a href="/zh/campaigns/index/page:33">33</a></span><span><a href="/zh/campaigns/index/page:34">34</a></span></li><li><span class="next"><a href="/zh/campaigns/index/page:31" rel="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 = '籌款專頁'
$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