@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/css?family=Noto Sans HK);
/*荷花池*/

html,body {margin:0px;padding:0px;-webkit-text-size-adjust: none;}
a,img {border:0px;outline:0px;text-decoration:none;}
table, td {border-collapse:collapse;padding:0px;}
.cssClear {clear:both}
.cssHide {display:none}

input {
    color: #4A1111;
    background: #FFE9AA;
    border: 1px solid #FCC729;
    font-family: Arial, 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif;
}

body {text-align:center;font-size:18px;color:#61574D;width:100%;height:100%;
font-family: 'Noto Sans HK','Noto Sans TC',sans-serif,Tahoma,Arial,Helvetica,"Microsoft YaHei New","Microsoft Yahei","微软雅黑",STXihei,"华文细黑",sans-serif;
}
.cssMasterPanel {width:1000px;margin:0 auto; background:#EEE4DB;border-left: 1px solid #999;border-right: 1px solid #999}
.cssPage {position:relative;}
.cssPageContentBG{	z-index: 0;position:absolute;	width:100%;	height:600px;background:url('bg.png'); background-position: right center;background-repeat: no-repeat;background-position-y: 80px;}
.cssPageContentBG2{z-index: 0;position:absolute;	width:100%;	height:600px;background:url('bg2.png'); background-position: left center;background-repeat: no-repeat;background-position-y: 80px;background-position-x: -20px;}
.cssBackTop  {position:relative;z-index: 2;padding:0px 145px 0px 0px;font-size:18px;text-align:right;}
.cssBackTop a{color:#52303A;}


.cssHomePage {}
.cssHomePage .cssFb  { left: 764px;position: absolute;top: 563px;}
.cssHomePage .cssFblike  {position:absolute;left: 839px;position: absolute;top: 563px;}
.cssHomePage .cssLang  {position:absolute;left: 666px;top: 585px;}
.cssHomePage .cssLang  ul {margin:0px;padding:0px;}
.cssHomePage .cssLang  li {margin:0px;padding:0px 0px;list-style-type:none;display:inline-block;font-size:18px;}
.cssHomePage .cssLang  li a {text-decoration:none;color:#231F20;font-size:18px;}

.cssBg{width: 100%; height: 490px; object-fit: cover; object-position:0px -25px;}
.cssLogoNav{position:absolute;top:260px;left:0px;width:100%;height:140px;background:url('logo 1.png') top no-repeat;}
.cssLogoNav2{position:absolute;top:15px;left:40px;width:425px;height:105px;background:url('logo1.png') no-repeat; background-size: auto 55px;}
.cssLogoNav3{position:absolute;top:15px;left:290px;width:425px;height:105px;background:url('logo2.png') no-repeat; background-size: auto 55px;}
.cssLogoNav4{position:absolute;top:15px;left:480px;width:425px;height:105px;background:url('logo3.png') no-repeat; background-size: auto 55px;}
.cssFBLogo{position:absolute; bottom:0px; right:0px; padding:10px 20px; margin:0px 0px; background-color:rgba(255, 255, 255, 0.8);}
.cssNav {position:sticky; top:0px;width:100%;background:#f0f0f0;opacity: 0.8;filter: alpha(opacity=80); z-index:99;}
.cssNav ul {margin:0px;padding:15px 0px;}
.cssNav li {margin:0px;padding:0px 10px;list-style-type:none;display:inline-block;font-size:18px; cursor:pointer;}
.cssNav li a {text-decoration:none;color:#231F20;font-size:18px;}

.cssNav2 {position:absolute;right:0px;/*width:100%;*/top:460px;background:#f0f0f0;opacity: 0.8;filter: alpha(opacity=80);}
.cssNav2 ul {margin:0px;padding:10px 10px 8px 10px;float:right;display: flex;-webkit-display:flex;}
.cssNav2 li {margin:0px;padding:0px 10px;list-style-type:none;display:inline-block;font-size:18px;cursor: pointer;}
.cssNav2 li a {text-decoration:none;color:#231F20;font-size:18px;cursor:pointer;}


.cssFooter {height:330px;background:url('Footer01.png'); background-position-x: -130px;background-repeat: no-repeat;}
.cssFooterBg2 {width:100%;height:100%; background:url('Footer02.png'); background-position: right bottom; background-repeat: no-repeat;}
.cssFooter .cssWrapper {text-align:right;padding:15px 36px;}
.cssFooter .cssWrapper a {padding:0 0 0 20px}

.cssAbout {}
.cssAbout .cssWrapper {padding:50px 145px;text-align:left}
.cssAbout .cssHead {color:#5A5044;font-size:36px;padding:0 0 15px;}
.cssAbout .cssContent{line-height:180%;}
.cssAbout .cssContent a {color:#5A5044;text-decoration:none;}


.csshr {}
.csshr .cssWrapper {padding:0px 145px;text-align:left}
.csshr .cssHead {color:#5A5044;font-size:36px;padding:0 0 40px;}
.csshr hr{ border : 1px solid #C7B7AA; }

.cssSpace{}
.cssSpace .cssWrapper {padding:30px 145px;}

.cssEventHeader {}
.cssEventHeader .cssWrapper {padding: 20px 50px;}

.cssEventHeader .cssImageWrapper {display:flex; flex-wrap: wrap; justify-content: center;align-items: center;}
.cssEventHeader .cssimageFlex_X {flex:1; padding: 20px 20px; max-height:180px; width:auto;  }
.cssEventHeader .cssimageFlex {flex:1; padding: 20px 30px; max-height:132px; width:auto;  }

.cssEventHeader .cssimageFlexBg1 {flex:1; margin: 20px 30px;background:url('button1.png');background-repeat: no-repeat; height:202px; width:177px;  background-position: center; }
.cssEventHeader .cssimageFlexBg2 {flex:1; margin: 20px 30px;background:url('button2.png');background-repeat: no-repeat; height:202px; width:177px;  background-position: center; }
.cssEventHeader .cssimageFlexBg3 {flex:1; margin: 20px 30px;background:url('button3.png');background-repeat: no-repeat; height:202px; width:177px;  background-position: center; }
.cssEventHeader .cssimageFlexBg4 {flex:1; margin: 20px 30px;background:url('button4.png');background-repeat: no-repeat; height:202px; width:177px;  background-position: center; }
.cssEventHeader .cssimageFlexBg5 {flex:1; margin: 20px 30px;background:url('button5.png');background-repeat: no-repeat; height:202px; width:177px;  background-position: center; }
.cssEventHeader .cssimageFlexBg6 {flex:1; margin: 20px 30px;background:url('button6.png');background-repeat: no-repeat; height:202px; width:177px;  background-position: center; }
.cssEventHeader .cssimageFlexBg7 {flex:1; margin: 20px 30px;background:url('button7.png');background-repeat: no-repeat; height:202px; width:177px;  background-position: center; }
.cssEventHeader .cssimageFlexBg8 {flex:1; margin: 20px 30px;background:url('button8.png');background-repeat: no-repeat; height:202px; width:177px;  background-position: center; }
.cssEventHeader .cssTitle {padding:25px;font-weight:bold; color:#776B5D;font-size:23px; letter-spacing: 0.2em; }
.cssEventHeader .cssHead { font-weight:bold; color:#5A5044;font-size:23px; letter-spacing: 0.2em;vertical-align: middle;}



.cssEvemtDetail {}
.cssEvemtDetail .cssWrapper {padding:60px 145px;text-align:left}
.cssEvemtDetail .cssHead {color:#5A5044;font-size:36px;padding:0 0 15px;}
.cssEvemtDetail .cssHead a {color:#5A5044;text-decoration:none;}
.cssEvemtDetail .cssContent{line-height:180%;}


.cssEventSection {}
.cssEventSection .cssWrapper {	padding:70px 145px 0px;text-align:left}
.cssEventSection .cssHead {color:#5A5044;font-size:36px;padding:0 0 40px;}
.cssEventSection .cssContent{line-height:180%;}

.cssEventSectionDetail {}
.cssEventSectionDetail  a{color:#72392E;}
.cssEventSectionDetail .cssWrapper {padding:10px 145px;text-align:left}
.cssEventSectionDetail .cssContent{line-height:180%;}
.cssEventSectionDetail .cssGroup {padding:10px 0px 10px 0px;text-align:left}
.cssEventSectionDetail .cssHead {color:#785D1D;font-size:23px;padding:0 0 5px;}
.cssEventSectionDetail .cssLogo{padding: 20px 10px; max-height:50px; width:auto; }




.cssEventSectionDetail .cssLink {padding:20px 0 0px;font-size:36px;text-align:center;}
.cssEventSectionDetail .cssLink a{color:#72392E;}
.cssEventSectionDetail .cssTableCellContent a{color:#974112; font-size:25px;  padding:35px;}



.cssEventSectionDetail .cssDivFlex {display:flex; width:100%; }
.cssEventSectionDetail .cssDivFlexCenter { display: flex;  align-items: center;  }
.cssEventSectionDetail .cssDivT_G1 {width:80px;}
.cssEventSectionDetail .cssDivT_G2 {width:120px;}
.cssEventSectionDetail .cssDivT_G3 {width:140px;}
.cssEventSectionDetail .cssDivT_G4 {width:30px;}
.cssEventSectionDetail .cssDivC {flex:1;}




.cssEventSectionDetail .cssTable{display:flex;flex-wrap: wrap; border-collapse:collapse; line-height:180%; padding-top:20px;}
.cssEventSectionDetail .cssTableCell{flex:1;text-align:center;border-collapse:collapse;}
.cssEventSectionDetail .cssTableCell2{flex:2;text-align:center;border-collapse:collapse;}
.cssEventSectionDetail .cssTableCell3{flex:3;text-align:center;border-collapse:collapse;}
.cssEventSectionDetail .cssTableCellW_G1{width:30px;text-align:center;border-collapse:collapse;}
.cssEventSectionDetail .cssTableCellContent{padding:5px; }
.cssEventSectionDetail .cssTableBreak{flex-basis: 100%;height: 0;}
.cssEventSectionDetail .cssTableSubGp{display:flex;flex:1;  height:100%;}
.cssEventSectionDetail .cssTableSubCell{flex:1;padding:5px;  border-collapse:collapse;text-align:center;}
.cssEventSectionDetail .cssTableSubCell_Left{flex:1;padding:5px 5px 5px 15px;  border-collapse:collapse;text-align:left;}
.cssEventSectionDetail .cssTableSubCell2{flex:2;padding:5px 10px;  border-collapse:collapse;text-align:left;}

.cssEventSectionDetail .cssTable .cssphoto{max-width:100%; }
.cssEventSectionDetail .cssTable .cssimage_a{padding:0px;}


.cssEventSectionDetail .cssTableCellBorder{border-top : 1px solid #C7B7AA;border-left : 1px solid #C7B7AA; }
.cssEventSectionDetail .cssTableCellBordeTop{border-top : 1px solid #C7B7AA;}
.cssEventSectionDetail .cssTableCellBordeLeft{border-left : 1px solid #C7B7AA;}
.cssEventSectionDetail .cssTableCellBorderRight{border-right : 1px solid #C7B7AA;}
.cssEventSectionDetail .cssTableCellBorderBottom{border-bottom : 1px solid #C7B7AA;}

.cssEventViewDetail .cssHead a{color:#785D1D;}
.cssEventViewDetail .cssContent{padding-bottom:30px; padding-top:5px;}


.cssHead{ letter-spacing: 0.1em;}
.cssWrapper {padding:97px 145px;text-align:left;}
.cssWrapper .cssHead {font-weight:bold;}
.cssFlexBreak{flex-basis: 100%;width: 0; } 
.cssBr{height:20px;}

.cssrbldonate {
    display: inline-block;
    font-size: 15pt;
    font-weight: bold;
    padding: 10px 25px 10px 15px ;
    background: #C7B7AA;
    margin-right: 10px;
    margin-bottom:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.cssrbldonate_Special {
    display: inline-block;
    font-size: 15pt;
    font-weight: bold;
    background: #C7B7AA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.DivDonateAmt {
    display: inline-block;
    background: #C7B7AA;
    padding: 10px 25px 10px 15px;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.TxtDonateAmt {
    display: inline-block;
    font-size: 15pt;
    width: 150px;
    margin-left:10px;
}
.BtnBasic {
    display: block;
    font-size: 15pt;
    font-weight: bold;
    padding: 10px 25px 10px 15px;
    margin: auto;
    width: 200px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #C7B7AA;
    border: 1px solid #ccc6c1;
    color: #48413d;
    text-align: center;
    cursor: pointer;
}

.BtnSubmit {
    display: block;
    font-size: 15pt;
    font-weight: bold;
    padding: 10px 25px 10px 15px;
    margin: auto;
    width: 200px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fec94a;
    border: 1px solid #C7B7AA;
    color: #974112;
    text-align: center;
    cursor: pointer;
}


.DivDonateItemDetail {
    display:block;
    width: 100%;
}

.DivDonateItemDetail_Item {
    display: flex;
    width: 100%;
}
.DivDonateItemDetail_ItemTitle {
    flex: 1;
    min-width: 170px;
}
.DivDonateItemDetail_ItemData {
    flex: 4;
}
.TxtRemark {
    display: inline-flex;
    width: 400px;
    font-size: 12pt;
    padding: 5px 7px 5px 7px;
}
.Chkbox {
    display: flex;
}
.DivCenter {
    display: block;
    margin: auto;
    text-align:center;
}


.DivEmpty {
    width: 100%;
    height: 10px;
}
.DivP {
    width: 100%;
    height: 30px;
}
.lblConfirmData {
    font-weight: bold;
    color: #601029;
}
.lblError {
    display: inline-flex;
    font-weight: bold;
    color: #C3150C;
}