@charset "utf-8";
/* CSS Document */
html {height:100%;background:url(../_images/Common/MainBG.gif);}
body {margin:0;padding:0;font-family:"Verdana", "Arial", "Helvetica", "sans-serif", "新細明體";}
option , select , input , textarea {font-family:"Verdana", "Arial", "Helvetica", "sans-serif", "新細明體";}
form , p , fieldset , legend , input , h1 , h2 , h3 , h4 , h5 , h6 {padding:0px;margin:0px;}
ul , ol , li {margin:5px 0px 5px 15px;padding:0;}
ul , ol {list-style:disc;}
img {border:0;margin:0;padding:0;}

.Clear {clear:both;}
.FLeft {float:left;}
.FRight {float:right;}
.ARight {text-align:Right;}
.ACenter {text-align:center;}
.para {line-height:160%;}

.HR {height:1px;background:#f2acca;overflow:hidden;margin:10px 0px 10px 0px;}

#MainBody {width:960px;margin:0px auto 0px auto;padding:0px;background:#FFF;}

#TopLayer .LeftBG {float:left;background:url(../_images/Navigation/MenuLeft.gif) no-repeat;width:36px;height:100px;}
#TopLayer .MainLogo {float:left;width:209px;height:100px;}
#TopLayer .Navigation {float:left;width:715px;}
#TopLayer .Navigation ul {list-style:none;margin:0;padding:0;}
#TopLayer .Navigation li {float:left;margin:0;padding:0;}
#TopLayer .Navigation .TopSubMenu {text-align:right;vertical-align:middle;height:34px;line-height:34px;padding:0px 10px 0px 0px;margin:0px;overflow:hidden;}
#TopLayer .Navigation .TopSubMenu span {margin:0;padding:0px 0px 0px 5px;}
#TopLayer .Navigation .RightBG {float:left;background:url(../_images/Navigation/MenuBG.gif) repeat-x;width:53px;height:32px;}

#RootPath {width:900px;margin:0px auto 0px auto;padding:0px 10px 0px 10px;height:24px;line-height:24px;}

#Container {width:920px;margin:0px auto 0px auto;padding:0px;overflow:hidden;}
#Container #SideBar{width:200px;background:#ffbfdc;float:left;}
#Container #Content{width:720px;background:#fde8f1;float:left;}


#Container #Content , #Container #SideBar{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}

@media all and (min-width: 0px) {
	#Content #Content , #Content #SideBar{
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	#Container #Content:before , #Content #SideBar:before {
		content: '[DO NOT LEAVE IT IS NOT REAL]';
		display: block;
		background: inherit;
		padding-top: 32767px !important;
		margin-bottom: -32767px !important;
		height: 0;
	}
}

#Container #SideBar .SubMenuTop {background:url(../_images/Common/SubMenuTopBG.gif) no-repeat;height:14px;width:200px;overflow:hidden;}
#Container #SideBar #SubMenu {width:200px;}
#Container #SideBar #SubMenu ul {list-style:none;margin:0px;padding:0px;}
#Container #SideBar #SubMenu li {margin:0px;padding:0px;border-top:1px solid #fe98c5;border-bottom:1px solid #be477b;}
#Container #SideBar #SubMenu .MenuSelected {background:#ff3d94;color:#FFF;font-size:12px;line-height:24px;height:24px;padding:0px 0px 0px 10px;}
#Container #SideBar #SubMenu a {color:#FFF;font-size:12px;text-decoration:none;background:#ff7bb6;display:block;line-height:24px;height:24px;padding:0px 0px 0px 10px;}
#Container #SideBar #SubMenu a:hover {background:#ff3d94;}

#Container #SideBar #AD_Box_Container {padding:20px 0px 20px 0px;width:160px;margin:0px auto 0px auto;}
#Container #SideBar #AD_Box_Container .Box160 {padding:10px 0px 0px 0px;}

#Container #Content .BD {padding:20px;width:680px;}
#Container #Content .BD h1 {margin:0px 0px 10px 0px;line-height:28px;background:url(../_images/Common/DotDot_HR.gif) bottom repeat-x;}
#Container #Content .BD p {line-height:150%;padding:0px 0px 15px 0px;}
#Container #Content .BD ol {list-style:decimal}
#Container #Content .BD .Tbl {border:0px;border-collapse:collapse;width:100%;background:#ee66a3;}
#Container #Content .BD .Tbl td {border:1px solid #ee66a3;padding:3px 5px 3px 5px;}
#Container #Content .BD .Tbl .TblBG1 {background:#fde8f1;}
#Container #Content .BD .Tbl .TblBG2 {background:#fbd3e4;}

#Container #JoyceContent {width:430px;padding:100px 0px 20px 20px;}
#Container #JoyceContent p {line-height:25px;padding:0px 0px 15px 0px;}


#Container #Content .MonthlyReport {padding:20px;width:680px;}
#Container #Content .MonthlyReport .Cover {float:left;width:340px;}
#Container #Content .MonthlyReport .Cover .Logo {height:63px;text-align:center;margin:0 0 10px 0;}
#Container #Content .MonthlyReport .Cover .CoverBG {width:208px;height:263px;margin:0 auto;background:url(../_images/Monthly/CoverBG.gif) no-repeat;}
#Container #Content .MonthlyReport .Cover .Txt {text-align:center;margin:5px 0;}
#Container #Content .MonthlyReport .SubTopic {width:680px;margin:0px 0px 15px 0px;}
#Container #Content .MonthlyReport .SubTopic .DescIMG {width:120px;float:left;}
#Container #Content .MonthlyReport .SubTopic .DescWord {width:560px;float:left;}

#Container #Content .MonthlyReport #WonderfulGrace .ContentCoverCTN {float:left;width:100px;margin:0 20px 0 0;text-align:center;}
#Container #Content .MonthlyReport #WonderfulGrace .ContentCoverCTN p {padding:0 0 5px 0;}
#Container #Content .MonthlyReport #WonderfulGrace .ContentCoverCTN a {display:block;width:100px;text-decoration:none;}
#Container #Content .MonthlyReport #WonderfulGrace .TopicCTN {float:left;width:560px;}
#Container #Content .MonthlyReport #WonderfulGrace .TopicCTN .SubTopic {width:560px;margin:0 0 15px 0;}
#Container #Content .MonthlyReport #WonderfulGrace .TopicCTN .SubTopic .DescIMG {width:120px;float:left;}
#Container #Content .MonthlyReport #WonderfulGrace .TopicCTN .SubTopic .DescWord {width:440px;float:left;}
#Container #Content .MonthlyReport #WonderfulGrace .TopicCTN .SubTopic .DescWord .MoreTopicIcon {padding:5px 0;}
#Container #Content .MonthlyReport #WonderfulGrace .TopicCTN .SubTopic .DescWord .MoreTopicDetails {display:none;}

#Container #Content #Sponsor .SponsorLogo {float:left;width:130px;margin:0px 0px 5px 5px;}

#Container #Content .Essence p {padding:0px 0px 15px 0px;}
#Container #Content .Essence {width:680px;padding:20px;}
#Container #Content .Essence .CoverLayer {width:200px;padding:10px;background:#ccc;border:2px solid #fde8f1;float:left;}
#Container #Content .Essence .CoverLayer .Cover{width:200px;}
#Container #Content .Essence .CoverLayer .CoverStory img{margin:0px 0px 5px 0px;}
#Container #Content .Essence .CoverLayer .CoverStory a {display:block;text-align:center;}
#Container #Content .Essence .CoverLayer .CoverStory a:link {color:#000;text-decoration:none;}
#Container #Content .Essence .CoverLayer .CoverStory a:visited {color:#000;text-decoration:none;}
#Container #Content .Essence .CoverLayer .CoverStory a:hover {color:#e91a77;text-decoration:none;}
#Container #Content .Essence .CoverLayer .CoverStory a:active {color:#000;text-decoration:none;}

#Container #Content #MessageBorad {width:680px;padding:20px;}
#Container #Content #MessageBorad ul {margin:0;padding:0;}
#Container #Content #MessageBorad li {list-style:none;margin:0;padding:0;float:left;width:190px;padding:10px 18px 15px 18px;}
#Container #Content #MessageBorad p {margin:0px;padding:0px;line-height:170%;}
#Container #Content #MessageBorad .MemoList .MemoTop {background:url(../_images/Multimedia/MessageBoard/MemoTop.gif) no-repeat;width:190px;height:48px;}
#Container #Content #MessageBorad .MemoList .MemoBG {background:url(../_images/Multimedia/MessageBoard/MemoBG.jpg) no-repeat bottom;width:170px;height:144px;padding:0px 10px 0px 10px;}
#Container #Content #MessageBorad .MemoList .MemoBtm {background:url(../_images/Multimedia/MessageBoard/MemoBtm.gif) no-repeat;width:190px;height:38px;text-align:center;padding:10px 0px 0px 0px;}
#Container #Content #MessageBorad .SwitchPageRec {height:20px;line-height:20px;vertical-align:middle;}
#Container #Content #MessageBorad .SwitchPageIcon {height:20px;overflow:hidden;}
#Container #Content #MessageBorad select {width:70px;}
#Container #Content #MessageBorad #BigPapper {width:661px;margin:0px auto 0px auto;padding:15px 0px;}
#Container #Content #MessageBorad #BigPapper .TopBG {background:url(../_images/Multimedia/MessageBoard/PapperTop.jpg) no-repeat;padding:30px 35px 0px 35px;width:591px;height:53px;}
#Container #Content #MessageBorad #BigPapper .BG {background:url(../_images/Multimedia/MessageBoard/PapperBG.jpg) repeat-y;padding:0px 35px 0px 35px;width:591px;}
#Container #Content #MessageBorad #BigPapper .BtmBG {background:url(../_images/Multimedia/MessageBoard/PapperBtm.jpg) no-repeat;width:661px;height:40px;}
#Container #Content #MessageBorad #BigPapper .Author{padding:15px 0 0 0;}
#Container #Content #MessageBorad #BigPapper #ReplyMSG {margin:30px 0 0 0;}
#Container #Content #MessageBorad #BigPapper #ReplyMSG .quote{padding:5px;border:1px solid #CCC;background:#FFF;margin:5px 0px 0px 0px;}
#Container #Content #MessageBorad #ApplyForm {padding:0px 4px;background:#d9975e;}
#Container #Content #MessageBorad #ApplyForm .SubHeading{padding:4px 0px;}
#Container #Content #MessageBorad #ApplyForm .Tbl{border:0px;border-collapse:collapse;width:100%;background:#ee66a3;}
#Container #Content #MessageBorad #ApplyForm .Tbl td {padding:3px 5px 3px 5px;}
#Container #Content #MessageBorad #ApplyForm .Tbl .Col1 {width:25%;border-right:2px solid #d9975e;border-bottom:2px solid #d9975e;background:#ae713c;vertical-align:middle;text-align:center;}
#Container #Content #MessageBorad #ApplyForm .Tbl .Col2 {width:75%;border-right:2px solid #d9975e;border-bottom:2px solid #d9975e;background:#ecc29e;}
#Container #Content #MessageBorad #ApplyForm .InputText {width:98%;border:1px solid #999;background:#f0f0f0;padding:3px;}
#Container #Content #MessageBorad #ApplyForm .TextArea {width:98%;border:1px solid #999;background:#f0f0f0;padding:3px;height:200px;}
#Container #Content #MessageBorad #ApplyForm .Err {padding:2px 0px 2px 0px;}

#Container #Content #iDonate {width:680px;}
#Container #Content #iDonate #DonationInfo {margin:20px 0px 0px 0px;}
#Container #Content #iDonate #DonationInfo .FormErrMsg {float:left;width:250px;line-height:24px;display:none;}
#Container #Content #iDonate #DonationInfo .FormErrMsgWithWd {float:left;width:210px;margin:110px 0px 0px 0px;padding:5px 5px 5px 35px;text-align:left;line-height:24px;vertical-align:middle;background:url(../_images/Support/iDonate/Arrow.gif) no-repeat top left;}
#Container #Content #iDonate #AmountRadioBox {padding:0px 0px 0px 100px;width:320px;float:left;}
#Container #Content #iDonate #AmountRadioBox ol{list-style:none;margin:0px;}
#Container #Content #iDonate #AmountRadioBox li{margin:0;padding:0px;line-height:25px;height:25px;vertical-align:middle;}
#Container #Content #iDonate #DonorInfo {margin:30px 0px 0px 0px;}
#Container #Content #iDonate #DonorInfo .FormLabel {float:left;width:150px;padding:5px;text-align:right;line-height:24px;vertical-align:middle;}
#Container #Content #iDonate #DonorInfo .FormInputField {float:left;width:250px;padding:5px;text-align:left;line-height:24px;vertical-align:middle;}
#Container #Content #iDonate #DonorInfo .FormErrMsg {float:left;width:250px;line-height:24px;display:none;}
#Container #Content #iDonate #DonorInfo .FormErrMsgWithWd {float:left;width:210px;padding:5px 5px 5px 35px;text-align:left;line-height:24px;vertical-align:middle;background:url(../_images/Support/iDonate/Arrow.gif) no-repeat top left;}
#Container #Content #iDonate .Amount {width:100px;border:1px solid #e770a4;background:#FFF;padding:2px;}
#Container #Content #iDonate .InputText {width:98%;border:1px solid #e770a4;background:#FFF;padding:2px;}
#Container #Content #iDonate .DisableInputText {width:98%;border:1px solid #e770a4;background:#EEE;padding:2px;}
#Container #Content #iDonate .TextArea {width:98%;height:100px;border:1px solid #e770a4;background:#FFF;padding:2px;}
#Container #Content #iDonate #FormSubmitBtn {width:410px;padding:5px 0px 20px 0px;text-align:center;}
#Container #Content #iDonate #DonorTerms {margin:10px 0px 10px 0px;border:1px solid #CCC;background:#FFF;padding:5px;}

#Container #Content #Rainbow {width:720px;}

#Container #Content #Rainbow .Wording {width:680px;margin:auto;line-height:140%;}
#Container #Content #Rainbow p {margin:0 0 20px 0;}
#Container #Content #Rainbow .End {padding:10px 20px;}
#Container #Content #Rainbow .ListContainter {width:680px;margin:10px auto 0 auto;}
#Container #Content #Rainbow .ListContainter .List {width:340px;float:left;margin:0 0 15px 0;}
#Container #Content #Rainbow .ListContainter .List .PreviewImg{width:100px;float:left;}
#Container #Content #Rainbow .ListContainter .List .Desc {width:230px;float:left;padding:5px;height:90px;vertical-align:middle;}
#Container #Content #Rainbow .ListContainter .List .Desc span {line-height:20px;}


#Footer {margin:0px auto 0px auto;width:920px;}
#Footer .TopBG {background:url(../_images/Common/BtmBG.gif) no-repeat;height:10px;overflow:hidden;}
#Footer .CP {padding:10px;}