/*-----------------------------------------------------------------------------
 *Filename:					  default.css
 *Description:                Global CSS
 *vision:           		  1.0.0(2016-09-09)
 *website:					  www.odm.org.mo
 *Author:                     steve xie
------------------------------------------------------------------------------*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, td, th, form, fieldset, img, dl, dt, dd, div {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight:700;
}
body {
	margin: 0;
	padding: 0 0 10px 0;
	color: #222;
	font-family: Arial,Verdana,sans-serif;
	font-size:14px;
	line-height:22px;
}
a {color: #336699; text-decoration:none;}
a:link {color: #336699; text-decoration:none;}
a:visited {color: #336699; text-decoration:none;}
a:hover {
	color: #db2c30; text-decoration:underline;
	 filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8;  
}
p {
  display: block;
  margin: 0 0 0.8em 0;
}
img { border:0; }
td { text-align:left;}

.wrap {margin: 0 auto;}

.subtitle {
 margin:10px 0 10px 0;
}
.title1 {
	
	font-size:30px;
	line-height:160%;
	font-weight:bold;
        
}
.title3 { font-size:22px; letter-spacing:2px; font-weight:bold; color:rgba(235,118,120,1.00);}
.title5{
    font-size:18px;
    line-height:160%;
    font-weight:bold;
    letter-spacing: 1px;
}
.title6{
    font-size:16px;
    line-height:160%;
    font-weight:bold;
}
.container{
	margin:auto;
	padding:auto;
	margin-top:20px;
    width:1024px;
	position:relative;
	
}

.wrap {margin: 0 auto;}
#Top_Wrap {width:1024px; height:115px; }
.logo {
    position: absolute;
    left: 60px;
    top: 0px;
}
.language {
    position: absolute;
    right: 30px;
    margin-top: 23px;
}
#Main_Wrap {
	width:1024px;
	min-height:1120px;
}
.menu {
	padding-top:100px;
	width:190px;
	height:auto;
	right:0;
	text-align:right;
	vertical-align:top;
	float:left;
}

.menu1{
	 left:82px;
	 margin-right:0;
	 margin-top:30px;
	 width:108px;
	 height:74px;
	 position:relative;
	 background:url('../images/menu_bg1.png') top left no-repeat;
	 z-index:100;
}
.menu1_on {
	left:56px;
	margin-right:0;
	 margin-top:30px;
	 width:134px;
	 height:123px;
	 position:relative;
	 background:url('../images/menu_bg1_on.png') top left no-repeat;
	 z-index:1050;
}
.menu1_on img{
	margin-top:24px;
}
.menu2{
     left:82px;
	 margin-top:-15px;
	 margin-right:0;
	 width:108px;
	 height:73px;
	 position:relative;
	 background:url('../images/menu_bg2.png') top left repeat-y;
	 z-index:110;
}
.menu3{
     left:82px;
	 margin-right:0;
	 width:108px;
	 height:74px;
	 position:relative;
	 background: url('../images/menu_bg3.png') top left repeat-y;
	 z-index:130;
}
.menu4{
     left:82px;
	 margin-right:0;
	 width:108px;
	 height:74px;
	 position:relative;
	 background:url('../images/menu_bg4.png') top left repeat-y;
	 z-index:140;
}
.menu5{
     left:82px;
	 margin-right:0;
	  width:108px;
	 height:74px;
	 position:relative;
	 background:#4cc1f0 url('../images/menu_bg5.png') top left no-repeat;
	 z-index:150;
}
.menu6{
     left:82px;
	 margin-right:0;
	  width:108px;
	 height:74px;
	 position:relative;
	 background:url('../images/menu_bg6.png') top left repeat-y;
	 z-index:160;
}
.menu7{
     left:82px;
	 margin-right:0;
	  width:108px;
	 height:74px;
	 position:relative;
	 background:url('../images/menu_bg7.png') top left repeat-y;
	 z-index:170;
}
.menu8{
     left:82px;
	 margin-right:0;
	  width:108px;
	 height:74px;
	 position:relative;
	 background:url('../images/menu_bg8.png') top left repeat-y;
	 z-index:180;
}
.menu9{
     left:82px;
	 margin-right:0;
	  width:108px;
	 height:74px;
	 position:relative;
	 background:url('../images/menu_bg9.png') top left repeat-y;
	 z-index:190;
}
.menu-on-bottom {
	margin-top:-16px;
}
.menu-link{
	position:absolute;
	top:116px;
	width:190px;
	height:auto;
	text-align:right;
	vertical-align:top;
	
}
.menu-link .menu1, .menu-link .menu2, .menu-link .menu3, .menu-link .menu4, .menu-link .menu5, .menu-link .menu6, .menu-link .menu7, .menu-link .menu8, .menu-link .menu9 {
	background:none;
}
.content-bg {
	position:relative;
	margin-left:190px;
	padding-top:0;
	width:840px;
	height:auto;
}
.content-bg1 {
	position:relative;
	width:840px;
	height:528px;
	background:url('../images/bg_1.png') top left no-repeat;
	z-index:850;
}
.content-bg2 {
	position:relative;
	width:840px;
	height:auto;
	min-height:289px;
	background:url(../images/bg_2.png) repeat-y;
	z-index:900;
}
.content-bg3 {
	position:relative;
	width:840px;
	height:303px;
	background:url(../images/bg_3.png) top left no-repeat;
	z-index:870;
}
.content {
	position:relative;
	top:-508px;
	width:840px;
	height:auto;
}
.menu-top{
	position:relative;
	margin-left:55px;
	width:680px;
	height:120px;
	
}
.menu-top-1{ height:59px; overflow: hidden;}
.menu-top-2{ height: 10px; background:url(../images/btn_line.gif) top left no-repeat; overflow: hidden;}
.menu-top-3{ height: 60px; overflow: hidden;}
.content-body {
	position:relative;
	margin-top:20px;
	margin-left:60px;
	width:680px;
	height:auto;
}
.content-body-h {
	position:relative;
	width:677px;
	min-height:64px;
	background:url(../images/content-bg1.png) top left no-repeat;
	
}
.content-body-h img {
	margin-left:15px;
	margin-top:15px;
}
.content-body-m {
	position:relative;
	width:640px;
	padding:20px;
	height:auto;
	min-height:560px;
	background:url(../images/content-bg2.png) top left repeat-y;
	text-align:justify;
}
.content-body-b {
	width:677px;
	min-height:28px;
	background:url(../images/content-bg3.png) top left no-repeat;
}
.content-body h2 {
	
display: inline-block;
position: relative;
margin: 10px;
padding: 10px 20px;
text-align:left;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(255,255,255,.22);
font: bold 16px/25px Arial, sans-serif;
letter-spacing:1px;
color:#fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);
-moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);
box-shadow: 1px 1px 1px rgba(0,0,0,.29), inset 1px 1px 1px rgba(255,255,255,.44);
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
	
	background: #ee928f; /* Old browsers */
	background: -moz-linear-gradient(top,  #ee928f 0%, #d96e6a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee928f), color-stop(100%,#d96e6a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ee928f 0%,#d96e6a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ee928f 0%,#d96e6a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ee928f 0%,#d96e6a 100%); /* IE10+ */
	background: linear-gradient(top,  #ee928f 0%,#d96e6a 100%); /* W3C */
	
}

.img_container{
	top:10px;
	position:relative;
	width:685px;
	height:580px;
	background:url('../images/ps_bg3.png') top left no-repeat;
}
.title4 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:700; 
    color: #ed7773;
}
.date {
    padding-left: 5px;
    padding-right: 20px;
}
.newslist {
    padding-left: 20px;
    padding-top: 20px;
    width: 600px;
    min-height: 400px;
    
}
.newslist ul li { margin-bottom:6px;}
.newscontent h1 {
    font-size: 14pt;
    font-weight: bold;
    line-height: 24px;
    margin:0;
    padding: 0;
    text-align: center;
	
}
.artInfo {
    border-bottom: 1px solid #404040;
    color: #171717;
    padding: 10px 0;
    position: relative;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
}
.aribody {
    padding: 10px 0 0;
	min-height:400px;
}
.readjobs img{
	font-weight:bolder;
	text-decoration: none;
	float: right;
}
.top{
     margin:auto;
	 padding:0px;
	 width:980px;
	 height:82px;
	 position:relative;
}

.language a{
	color:black;
}

.flash{
	margin-top:-279px;
	margin-left:19px;
	padding:0px;
	width:458px; 
	float:left;

	
}
.flash2{
	margin-top:-279px;
	margin-left:19px;
	padding:0px;
	width:458px; 
	float:left;
}
.flash3{
	margin-top:-279px;
	margin-left:19px;
	padding:0px;
	width:458px; 
	float:left;
}
.flash4{
	margin-top:-279px;
	margin-left:19px;
	padding:0px;
	width:458px; 
	float:left;
}
.flash5{
	margin-top:-279px;
	margin-left:19px;
	padding:0px;
	width:458px; 
	float:left;
}
.flash6{
	margin-top:-279px;
	margin-left:19px;
	padding:0px;
	width:458px; 
	float:left;
}
.smallflash{
	margin-top:-196px;
	margin-left:23px;
	padding-right:0px;
	float:left;
	width:263px; 
	height:150px;
}
.pink_news{
	padding-left:150px;
	padding-top:20px;
	width:259px;
	min-height:293px;
	float:left;
}
.pink_news ul{
	margin-top:-260px;
	margin-left:25px;
	padding:0px;
	list-style:disc;
	text-align:left;
}
.pink_news ul li{
	font-family: Arial,Verdana,sans-serif;
	font-size:13px;
	line-height:30px;
	border-bottom:1px dotted #ccc;
	color:#999;
}
.photoframe{
	padding-left:240px;
	padding-top:30px;
	height:285px;
	float:left;
	width:660px;
}
.photoframe img{
	padding-left:50px;
	padding-top:0px;
	height:300px;
	width:400px;
	float:left;

}
.smallphotoframe{
	margin-top:65px;
	padding-left:180px;
	width:301px;
	height:212px;
	float:left;
}
.smallphotoframe img{
	margin-top:0px;
	padding-left:0px;
	width:301px;
	height:212px;
	float:left;
}
.smallphotoframe .smallflash img{
	width:262px;
	height:175px;
}
.smallphotoframe .icontent_cn{
	float:left;
	padding:5px 0 0 0;
	margin-top:-180px;
	margin-left:305px;
	width:380px;
	height:131px;
	font-size:13px; 
	line-height:19px; 
	color:#000;
	overflow: hidden; 
	text-overflow:ellipsis;
	text-align:justify;
}
.smallphotoframe .icontent_cn_4{
	float:left;
	padding:0px;
	margin-top:-174px;
	margin-left:305px;
	width:380px;
	height:70px;
	font-size:12px; 
	line-height:19px; 
	color:#000;
	overflow: hidden; 
	text-overflow:ellipsis;
	text-align:justify;
}
.smallphotoframe .icontent_cn_5 {
	float:left;
	padding:5px 0 0 0;
	margin-top:-180px;
	margin-left:305px;
	width:380px;
	height:131px;
	font-size:13px; 
	line-height:19px; 
	color:#FFFFFF;
	overflow: hidden; 
	text-overflow:ellipsis;
	text-align:justify;
}
.smallphotoframe .icontent_cn_6 {
	float:left;
	padding:5px 0 0 0;
	margin-top:-180px;
	margin-left:305px;
	width:380px;
	height:128px;
	font-size:13px; 
	line-height:19px; 
	color:#FFFFFF;
	overflow: hidden;
	text-overflow:ellipsis;
	text-align:justify;
}
.smallphotoframe .icontent p{
	margin:0;
}
.smallphotoframe .contactustext{
	float:left;
	margin-left:10px;
	margin-top:0px;
	width:300px;
	height:200px;
}
.smallphotoframe .contactustext div{
	text-align:left;
	
}
.smallphotoframe .contactustext span{
	color:#000;
	font-weight:bold;
}
.smallphotoframe .more img{
	width:45px;
	height:25px;
	margin-left:638px;
	margin-top:-40px;
}
.smallphotocontent{
	padding-top:100px;
	width:759px;
	height:141px;
	float:right;
}
.readmore{
	border-top:1px solid #ddd;
	margin-right:20px;
	margin-top: 10px;
	margin-bottom: 25px;
	font-size: 0.7em;
	width:610px;
	float: right;
}
.readmore a {
    background-color: #cc0b17;
    color: #FFF;
    text-decoration: none;
    padding: 4px 8px;
    float: right;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 8px #909090;
    -webkit-box-shadow: 2px 2px 8px #909090;
    box-shadow: 2px 2px 8px #909090;
    font-size: 18px;
    letter-spacing: 1px;
}
.readnews{
	margin:0px;
	position:relative;
	right:27px;
	top:-60px;
	font-size: 18px;
    width:150px;
	height:0px;
	float: right;
}
.readnews a{
	font-weight:bold;
	color: #FFF;
	text-decoration: none;
	width:122px;
	height:30px;
	float: right;
	padding-top:5px;
	text-indent:22px;
	background:url(../images/news-bg.gif) 0 0 no-repeat;
	
}
.readjobs{
	margin:0px;
	position:relative;
	/*right:100px;
	top:50px;
	*/
	top:-20px;
	right:30px;
	font-size: 18px;
	height:0px;
	float: right;
}
.readjobs img{
	font-weight:bolder;
	text-decoration: none;
	float: right;
}
/*中文簡介文字格式設置*/
.bigphotoframe .allcontent_cn p{
	text-indent:2em;
	text-align:justify;
	text-justify:inter-ideograph;
}
/*中文簡介标题格式設置*/
.bigphotoframe .ititle h2{
	margin-left:-30px;
	margin-top:46px;
	text-align:left;

}
/*one~six分別代表各個分支機構*/
.bigphotoframe .allcontent_cn .one{
	color:#000000;
}
.bigphotoframe .allcontent_cn .two{
	color:#000000;
}
.bigphotoframe .allcontent_cn .three{
	color:#000000;
}
.bigphotoframe .allcontent_cn .four{
	color:#000000;
}
.bigphotoframe .allcontent_cn .five{
	color:#000000;
}
.bigphotoframe .allcontent_cn .six{
	color:#000000;
}

/*中文首頁簡介文字格式設置*/
.smallphotoframe .icontent_cn p,.icontent_cn_4 p{
	margin:0;
	text-indent:2em;
	text-align:justify;
	text-justify:inter-ideograph;
}
/*中文服務範圍文字格式設置*/
.scopeofservicescontent p{
	text-indent:2em;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:20px;
}

.scopeofservicescontent .sotext p{
	margin-top:15px;
}
/*中文高士德服務範圍文字格式設置*/
.scopeofservicescontent ul li span{
	line-height:20px;
}
/*中文颐康中心服務範圍文字格式設置*/
.scopeofservicescontent .sotext ol li p{
	text-indent:0em;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:20px;
}
/*中文服務對象文字格式設置*/
.serviceobjectcontent p{
	text-indent:2em;
	text-align:justify;
	text-justify:inter-ideograph;
	/*
	line-height:20px;
	*/
	line-height:140%;
	margin: 0.8em 0;
}
/*中文申請手續文字格式設置*/
.forms_wrapper p{
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:20px;
}
.forms_wrapper span{
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:20px;
}
/*中文安老院和護理安老院、頤康中心-申請手續文字格式設置*/
.forms_wrapper ol li{
	line-height:20px;
}
/*中文母親會慈善工作文字格式設置*/
.charityworkcontent table td p{
	margin-top:0px;
	line-height:20px;
	text-align:justify;
	text-justify:inter-ideograph;
}
.charityworkcontent .firstcontent p{
	text-indent:2em;
	text-align:justify;
	text-justify:inter-ideograph;
}
/*相冊文字格式設置*/
.smallbox{
	font-size:15px;
}

/*相冊描述文字格式設置*/
.photoms p{
	text-indent:2em;
	text-align:justify;
	text-justify:inter-ideograph;
}

.textjj {
    text-align: left;
}

.job_wrapper{
	width:570px;
	float:left;
	text-align:left;
	margin-left:15px;
	margin-top:20px;
}

.job{
	font-family: Arial,Verdana,sans-serif;
	font-size:15px;
	margin-top:65px;
	margin-left:180px;
	padding: 20px 10px 10px 10px;
	width:601px;
	float:left;
	text-align:left;
}
.job .joblist{
	padding-left:0px;
	padding-top:15px;
	width:600px;
	min-height:293px;
	float:left;
}
.forms_wrapper1 {
    margin-left: 0;
    margin-top: 20px;
    text-align: left;
    width: 640px;
   position:relative;
}
.text_white {
	color:#FFFFFF;
}

.content_snapshots_right{
	margin:0 0 0 143px;
	padding:0;
	position:relative;
	width: 700px;
	min-height:600px;
}
.content_snapshots_right .title1{
	margin-left:0px;
	margin-top:30px;
	width: 700px;
	height:20px;
	font-size:20px;
	text-align:left;
	position:relative;
	
}
.content_snapshots_right .photocentent{
	margin-left:20px;
	margin-top:20px;
	width:660px;
	height:550px;
	background:url(../images/bigphotoframe2.png) top center no-repeat;
}

 .photos{
	margin:40px 0 0 0;
	padding:0 20px 50px 0;
	width:640px;
	height:auto;
	position:relative;
        text-align:center;
}
.photos .title2{
	margin-left:0px;
	font-size:20px;
	text-align:left;
	position:relative;
	width:700px;
	height:28px;
}
.photos .photobox{
	margin-top:0px;
	margin-left:-5px;
	width:680px;
	position:relative;
}
.photos .photobox ul {
	margin:0;
	padding:0;
	list-style: none outside none;
}
.photos .photobox ul li{
	float:left;
    margin-top: 20px;
    margin-left:10px;
	padding:0;
	width:216px;
	height:255px;
    background-color: #FFF;
}
/*
.li-border1{border:1px solid #f7afd8;}
.li-border2{border:1px solid #b6d7fc;}
.li-border3{border:1px solid #c8ee9e;}
.li-border4{border:1px solid #fce69c;}
.li-border5{border:1px solid #1C5997;}
.li-border6{border:1px solid #935C24;}
*/
.photos .photobox ul li img{
	display: inline;
	padding: 2px;
	border-top: 1px solid #EFEFEF;
	border-right: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	border-left: 1px solid #EFEFEF;
	width:212px;
	
}
.photos .photobox .photobox-img{
    width:212px;
    height:156px;
    overflow: hidden;
}
.photos .photobox .photobox-text{
    margin-top: 10px;
}
.photobox-datetime {	
	font-family: Arial,Verdana,sans-serif;
	font-size:13px;
	color:#ed7773;
	line-height:120%;
}
.photobox-title {	
	font-family: Arial,Verdana,sans-serif;
	font-size:14px;
	color:#ed7773;
	line-height:110%;
}
.img_slide {
    width: 620px;
    height: 414px;
    border: 0;
    overflow: hidden;
}
.clear{clear: both;}

.photozx{
    margin-top: 40px;
}
.imgfr img{
	width:620px;
}
.bigphotoframe {
    padding-top: 20px;
    margin-left: 10px;
    width: 620px;
    height: 288px;
}
.bigphotoframe img {
    margin-top: 0px;
    padding: 0px;
    width: 620px;
    height: 288px;
}
#map_canvas {
    margin-top: -271px;
    margin-left: 20px;
    width: 578px;
    height: 238px;
}
.contactustext{
	margin-top: 20px;
    margin-left: 20px;
}
.formbox {
    margin-top: 40px;
    margin-left: 20px;
    width: 600px;
}
.formbox .form_input input {
    width: 590px;
    height: 30px;
    font-size: 1.1em;
	margin-bottom:15px;
	border:1px solid rgba(205,199,199,1.00);
}
textarea {
    width: 590px;
    height: 150px;
	border:1px solid rgba(205,199,199,1.00);
}

a.backToTop {
    width: 60px;
    height: 60px;
    background: url('../images/top.gif') no-repeat -51px 0;
    text-indent: -999em;
    z-index: 6666;
}
ol,ul {
	margin-left:20px;
}
.content2{text-align:justify;}
/* main */

.pop_area { margin-left:-30px; margin-top:40px; }
.pop_area img { width:160px;}
.enrolment{
    position:absolute;
    left:305px;
    top:-10px;
}