﻿/*Start Default Page Style*/
#divSpotLife
{
    width: 962px;
    height: 400px;
    min-height: 400px;
}
#divSpotLife-Image
{
    width: 580px;
    height: 400px;
    float: left;
    border-top: solid 1px green;
}
#divSpotLife-Image-Box
{
    height: 80%;
    padding: 5% 0 5% 0;
    text-align: center;
}
#divSpotLife-Image-Border
{
}
.dl-MainList
{
    height: 19px;
    background: url('../../Image/Datalist/Dl-GreenBG.gif') repeat-x;
    margin: 0 auto;
}
.dl-SelectItem
{
    width: 25px;
    height: 16px;
    display: block;
    text-align: center;
    text-decoration: none;
    background: url('../../Image/Datalist/Dl-LightGreenBG.gif') repeat-x;
    padding-top: 3px;
}
.dl-Item
{
    width: 25px;
    height: 19px;
    text-align: center;
    text-decoration: none;
}
.dl-Item a
{
    font-size: 11px;
    text-decoration: none;
    color: White;
}
.dl-AltItem
{
    width: 25px;
    height: 19px;
    text-align: center;
    text-decoration: none;
}
.dl-AltItem a
{
    font-size: 11px;
    text-decoration: none;
    color: White;
}
#divSpotLife-Text
{
    width: 35%;
    height: 370px;
    float: right;
    padding: 15px 15px 15px 15px;
    border-top: solid 1px green;
    border-left: solid 1px green;
    border-bottom: solid 1px green;
}
#divSpotLife-Text h3 a
{
    font-size: 17pt;
    color: #7F0005;
    text-decoration: none;
}
#divSpotLife-Text h4 a
{
    font-size: 14pt;
    color: #7F0005;
    text-decoration: none;
}
#divSpotLife-Text h3 a:hover
{
    font-size: 17pt;
    color: #7F0005;
    text-decoration: underline;
    
}
#divSpotLife-Text h4 a:hover
{
    font-size: 14pt;
    color: #7F0005;
    text-decoration: underline;
    
}
#divSpotLife-Text p a
{
    font-size: 11pt;
    text-decoration: none;
}
#divSpotLife-Text p a:hover
{
    font-size: 11pt;
    text-decoration: underline;
    
}
#divSpotLife-Pager
{
}

#divNews
{
    width: 200px;
    height: 150px;
    min-height: 150px;
    float: left;
    display: block;
    margin: 10px 5px 10px 5px;
    padding: 10px 10px 10px 10px;
    border-top: solid 1px green;
    border-left: solid 1px green;
}
#divNews h2
{
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 5px;
}
#divNews a
{
    line-height: 18px;
    text-decoration: none;
    color: Green;
}
#divNews a:hover
{
    line-height: 18px;
    text-decoration: underline;
    color: Green;
}
#divNews table td
{
    padding-left: 15px;
    background: url(../../Image/Icons/ico-Bullet-Green.gif) no-repeat;
    background-position: 0px 2px;
}
#divNews table span
{
    font-style: italic;
}

#divArticle
{
    width: 200px;
    height: 150px;
    min-height: 150px;
    padding: 10px 10px 10px 10px;
    margin: 10px 5px 10px 5px;
    border-top: solid 1px green;
    border-left: solid 1px green;
    float: left;
    display: block;
}
#divArticle h2
{
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 5px;
}
#divArticle a
{
    line-height: 18px;
    text-decoration: none;
    color: Green;
}
#divArticle a:hover
{
    line-height: 18px;
    text-decoration: underline;
    color: Green;
}
#divArticle table td
{
    padding-left: 15px;
    background: url(../../Image/Icons/ico-Bullet-Green.gif) no-repeat;
    background-position: 0px 2px;
}
#divArticle table span
{
    font-style: italic;
}
#divFeatureLife
{
    width: 200px;
    height: 150px;
    min-height: 150px;
    margin: 10px 5px 10px 5px;
    padding: 10px 10px 10px 10px;
    float: left;
    display: block;
}
#divFeatureLife h2
{
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 5px;
}
#divFeatureLife h3 a
{
    margin: 0 auto;
    font-size: 11pt;
    font-weight: bold;
    color: #A42829;
    text-decoration: none;
    display: block;
    width: 180px;
}
#divFeatureLife h3 a:hover
{
    margin: 0 auto;
    font-size: 11pt;
    font-weight: bold;
    color: #A42829;
    text-decoration: underline;
}
#divFeatureLife input
{
    max-height: 90px;
    max-width: 200px;
    margin: 0 auto;
    border: Dashed 1px green;
    display: block;
}

#divExploreLife
{
    width: 240px;
    height: 150px;
    min-height: 150px;
    margin: 10px 5px 10px 5px;
    padding: 10px 0 10px 0;
    float: left;
    display: block;
}
#divExploreLife table td
{
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
    padding: 2px 2px 2px 2px;
    border: Dashed 1px green;
    text-align: center;
}


#divExploreLife h2
{
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 5px;
}

.AjaxPanel
{
    display: block;
}
.clear
{
    clear: both;
    width: 100%;
    height: 1px;
}
/*End Default Page Style*/
#divPageHeader
{
    background: url(../../Image/Master/PageTiltle.jpg) no-repeat;
    width: 962px;
    height: 63px;
    border-top: solid 1px green;
}
#divPageHeader90
{
    background: url(../../Image/Master/PageTiltle90px.jpg) no-repeat;
    width: 962px;
    height: 90px;
    border-top: solid 1px green;
}
#divPagetitle
{
    float: left;
    margin: 10px 0 0 20px;
}
#divPageCommand
{
    float: right;
    margin: 15px 20px 0 0;
}
#divPageCommand a
{
    color: Green;
}
#divPageFooter
{
    background: url(../../Image/Master/PageControl.jpg) no-repeat;
    width: 922px;
    height: 38px;
    border-bottom: solid 1px green;
    padding: 25px 20px 0 20px;
}
#divPageDisplay
{
    float: left;
}
#divPageControl
{
    float: right;
}
/*Start Login Page Style*/
.tbLogin
{
    width: 300px;
    margin: 0 auto;
}
.tbLogin tr
{
    height: 30px;
    margin: 0 auto;
}
/*End Login Page Style*/


/*Start News List Style*/
.divItemSeperate
{
    background: url(../../Image/Master/ItemSeperate.jpg) no-repeat;
    width: 962px;
    height: 9px;
}
.divThumbnail
{
    width: 90px;
    height: 90px;
    min-width: 100px;
    min-height: 100px;
    max-width: 100px;
    max-height: 100px;
    border: solid 1px green;
    line-height: 90px;
    display: table-cell;
    vertical-align: middle;
}
.divThumbnail img
{
    margin: auto;
}
.tbNewsList
{
    width: 940px;
    margin: 0 auto;
}
.tbNewsList .colLeft
{
    width: 100px;
}
.tbNewsList .colRight
{
}
.tbNewsHeader
{
    width: 820px;
    height: 40px;
    padding: 5px 0px 5px 5px;
}
.tbNewsHeader .TopicName
{
    width: 80%;
}
.tbNewsHeader .TopicDate
{
    width: 20%;
    vertical-align: top;
}
.tbNewsHeader h3
{
    float: left;
}
.tbNewsHeader span
{
    float: right;
    line-height: 16px;
    margin: 5px 0px 0px 5px;
}
.tbNewsHeader h3 a, .tbNewsHeader h3 a:visited, .tbNewsHeader h3 a:active
{
    color: Green;
    text-decoration: none;
}

.tbNewsHeader h3 a:hover
{
    color: Green;
    text-decoration: underline;
}
.divLifeHeader
{
    width: 820px;
    height: 40px;
    padding: 5px 0px 5px 5px;
}

.divLifeHeader span
{
    line-height: 16px;
    margin: 5px 0px 0px 5px;
}
.divLifeHeader h3 a, .divLifeHeader h3 a:visited, .divLifeHeader h3 a:active
{
    color: Green;
    text-decoration: none;
}

.divLifeHeader h3 a:hover
{
    color: Green;
    text-decoration: underline;
}
.divNewsIntro
{
    width: 820px;
    height: 30px;
    padding: 5px 0px 5px 5px;
    overflow: hidden;
}
.divNewsIntro span
{
    text-indent: 20px;
}
.divNewsFooter
{
    width: 820px;
    height: 15px;
    padding: 5px 5px 5px 0px;
    text-align: right;
}
.divNewsFooter a, .divNewsFooter a:visited, .divNewsFooter a:active
{
    color: Green;
    text-decoration: underline;
}
.divNewsFooter a:hover
{
    color: Green;
    text-decoration: underline;
}
/*End News List Style*/

/*Start News Detail Style*/
.divNewsHeader h3 span
{
    color: Green;
    padding: 0px 0px 0px 15px;
}
.divNewsHeader span
{
    color: Green;
    padding: 5px 0px 5px 15px;
    display: block;
}
.divNewsSubHeader p
{
    padding: 5px 5px 5px 15px;
    font-style: italic;
    clear: right;
}
.divNewsBody
{
    padding: 20px 20px 20px 20px;
}
#divTopicFile
{
}

.divTopicFileHeader
{
    padding: 5px 10px 5px 10px;
    background-color: #D4F0D7;
}
.divTopicFileHeader span
{
    font-weight: bold;
}
.divTopicFileBody
{
    padding: 5px 20px 5px 20px;
}
/*End News Detail Style*/

/*Start Life Detail Style*/
.divGalleryPageControl
{
    float: right;
    margin: 10px 0 0 0;
    width: 100%;
}

.divLifeData
{
    width: 100%;
}

.divLifeClass
{
    float: right;
    width: 185px;
}

.divLifeClass .divIndexHeader
{
    background: #D0EBD0;
    width: 175px;
    height: 35px;
    padding: 5px 0 0 10px;
}

.tbDetail2Col
{
    width: 775px;
    float: left;
}

.tbDetail2Col .colLeft
{
    width: 185px;
    background: #D0EBD0;
}

.tbDetail2Col .colLeft .divIndexHeader
{
    background: #D0EBD0;
    width: 175px;
    height: 20px;
    padding: 10px 0 0 10px;
}

.tbDetail2Col .colRight
{
    width: 590px;
}

.divLifeDetailPanel
{
    border: solid 2px #A4D8A4;
    padding: 5px 5px 5px 5px;
    min-height: 300px;
}
.divLifeItemSeperate
{
    width: 100%;
    height: 3px;
    margin: 0px 0 0px 0;
}
/*End Life Detail Style*/
.divGroupForm
{
    margin: 3px 0 20px 0;
    width: 100%;
    float: right;
}
.divGroupFormHeader
{
    border-bottom: solid 1px green;
    padding-bottom: 5px;
}
.divGroupFormHeader span
{
    color: Green;
    font-weight: bold;
}
.tbGroupFormContent
{
    margin-top: 5px;
}

/*Start FAQ*/
.ulLinkList
{
    list-style: none;
    margin: 0 0 0 15px;
}
.ulLinkList li
{
    line-height: 20px;
    padding-left: 15px;
    background: url(../../Image/Icons/ico-Bullet-Green.gif) no-repeat center left;
}
.divMsgBox
{
    padding: 0 15px 0 15px;
}
.divHeaderMsgBox
{
    height: 40px;
    line-height: 40px;
}
.divBodyMsgBox p
{
    line-height: 16px;
    text-indent: 30px;
}
.divBodyMsgBox ol
{
    list-style: none;
}
.divBodyMsgBox ol li
{
    line-height: 16px;
}
.divFooterMsgBox
{
    height: 40px;
    line-height: 40px;
}
hr
{
    color: Green;
    height: 1px;
}
/*End FAQ*/
.divMainAboutus
{
    background: url(../../image/bg-AboutusMain.jpg) no-repeat bottom right;
}


/* comment BOX */
.comment-box
{
	/*margin:5px 0px 5px 10px;*/
	text-align:left;
	/*border:1px dotted #CCC;*/
}
.comment-box-head
{
	font-size:18px;
	/*height:37px;*/
	font-weight:bold;
	border-bottom:2px solid #CCC;
	margin-bottom:2px;
	padding:10px 5px 7px 5px;
}
.comment-head
{
	font:Tahoma, Helvetica, sans-serif;
	color:#666;
}
.comment-list
{
	
}
.comment-add
{
	text-align:left;
	padding:0px 5px 5px 5px;
}
.comment-sort
{
	text-align:right;
	padding:0px 5px 5px 5px;
	background-color:#f1f1f1;
}
.comment-page
{
	border-top: solid 1px green;
	padding: 10px 0 10px 0;
	width: 100%;
	height: 15px;  
	
}
.comment-bind
{
	text-align:left;
	padding:0px 5px 5px 5px;
}

.comment-status-Y
{
	
}
.comment-status-R
{
	background-color:#EFB3B3;
}
.comment-status-N
{
	background-color:#CFCFCF;
}

.divManageCommentStatus
{
    background:url(Image/Master/ToolbarComment.gif) no-repeat;
    width: 952px;
    height: 35px;
    padding: 5px 5px 5px 5px;   
}

.divAddCommentHeader
{
    background:url(Image/Master/ToolbarComment.gif) no-repeat bottom;
    width: 962px;
    height: 25px;
    padding: 5px 0px 15px 0px;   
}
.bedo-topic
{
    border-bottom: solid 2px #b8860b;
    background-color: #b8860b;
    color: #FFF;
}
.bedo-topicfooter
{
    background-color: #b8860b;
    color: #FFF;
}
.bedo-topicleft
{
    float: left;
    padding: 0px 0px 0px 10px;
}
.bedo-topicright
{
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
}
.bedo-topicline
{
    border: solid 2px #b8860b;
    margin: 3px 0px 3px 0px;
}
.lb-topictxt
{
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
}
.btn-all
{
    background-color: Transparent;
    color: #FFF;
}

.bedo-head
{
    border-bottom: solid 2px #b8860b;
    background-color: #b8860b;
    color: #FFF;
    padding: 5px 5px 5px 10px;
    font-weight: bold;
    font-size: 14px;
}
.bedo-content
{
    padding: 5px 5px 5px 5px;
    border: solid 1px #A4D8A4;
    min-height: 350px;
}
.ctrl-head
{
    border: solid 1px #A4D8A4;
    padding: 5px 5px 5px 5px;
    margin-bottom: 5px;
    background-color: #fff;
}
.ctrl-content
{
    border: solid 1px #A4D8A4;
    margin-bottom: 5px;
    background-color: #fff;
}
.ctrl-DepartContent
{
   /*background-image: url('../../Image/Master/IndexHeaderLeft.gif');
    background-repeat: no-repeat;*/
    background: #A4D8A4;
    padding: 5px 0px 5px 10px;
    font-weight: bold;
    color: #4F4F4F;
}