.center { margin:0 auto; }
.top { vertical-align:top; }
.t-left { text-align:left; }
.t-right { text-align:right; }
.t-center { text-align:center; }
.disabled { cursor:default; }
.hidden { display: none !important; visibility: hidden; }
.invisible { visibility: hidden; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}

img, div, a, input { behavior: url(/css/iepngfix.htc)}

body{
	padding:0;
	margin:0;
	text-align:center;
	background-color:#F0F7EF;
	font-size:12px;
	font-family:"Arial Unicode MS",Arial, Helvetica, sans-serif;
}
img{border:0;vertical-align:bottom;}
a,input{outline:none; text-decoration:none;}
a:focus{outline:none}
a span{visibility:hidden}
.clear{height:0em;overflow:hidden;clear:both;}
ul.nav{padding:0px; margin:0;}
.nav li{float:left; list-style:none; margin:0; padding:0;}
.nav li a{display:block;font-size: 11px;}
.wrapper{width:970px; margin:0 auto; text-align:left;}
.header { width:970px; height:90px;}

.header form{float:left; height:51px; width:210px;margin-top:30px;}

/**topMenu**/
#topMenu { width:532px; height:57px; margin-top:22px; float:left; background:url(home/nav_header.gif) no-repeat; }
.menu01, .menu02, .menu03-1, .menu03-2, .menu04, .menu05 { background:url(home/nav_header.gif) no-repeat; float:left; cursor:pointer; display:block; margin-right:2px;}
.menu01 a span, .menu02 a span, .menu03-1 a span, .menu03-2 a span, .menu04 a span {visibility:hidden}
.menu01:hover, .menu02:hover, .menu03-1:hover, .menu03-2:hover, .menu04:hover { background-image:url(home/nav_header_o.gif);}
.menu01 { background-position:left top; width:95px; height:57px;}
.menu02 { background-position:-97px top; width:63px; height:57px;}
.menu03 { float:left; margin-right:48px; width:106px; height:57px;}
.menu03-1 { background-position:-162px top; width:106px; height:33px;}
.menu03-2 { background-position:-162px -33px; width:106px; height:24px;}
.menu04 { background-position:-316px top; width:108px; height:57px;}


.header input.txt{border:0; width:130px; height:24px;font-size:15px; margin:0; line-height:24px;padding:0 5px; display:block; background-color:transparent; margin-left:5px;margin-bottom:3px; }
.header input.btn_login{float:right;background:url(home/btn_login.png) 0 0 no-repeat; width:63px; height:48px; border:0;}
.header input.btn_login:hover{background-position:right 0}
/*.header .nav{background:url(home/nav_header.gif) 0 0 no-repeat; width:532px;float:right; height:57px; margin-top:22px;}*/
.header .nav{width:532px;float:right; height:57px; margin-top:22px;}
.header .nav li a span{visibility:hidden}
/*.header .nav li a{background:url(home/nav_header_o.gif) right 57px no-repeat; height:57px;}*/
.header .nav li a{background-image:url(home/nav_header.gif); background-repeat:no-repeat; height:57px;}
.header .nav li a.first{width:95px;margin-right:2px;height:57px;background-position:0 0}
.header .nav li a.second{width:63px; margin-right:2px;background-position:-97px 0;}
.header .nav li div.third{width:106px; margin-right:48px;}
.header .nav li a.third1{width:106px; height:31px; margin-bottom:2px;background-position:-163px 0;}
.header .nav li a.third2{width:106px; height:24px;background-position:-163px -33px;}
.header .nav li a.fourth{width:108px; margin-left:48px; margin-right:2px;background-position:-316px 0;}
.header .nav li a.fifth {width: 49px;background-image: url(home/icon-eng.gif);margin-right: 2px;background-position: 0px 8px;}
.header .nav li a.sixth{width:49px; background-image:url(home/icon-simp.gif); background-position: 0px 8px;}

.header .nav li a:hover{background-image:url(home/nav_header_o.gif); background-repeat:no-repeat;}
.header .nav li a.first:hover{background-position:0 0;}
.header .nav li a.second:hover{background-position:-97px 0;}
.header .nav li a.third1:hover{background-position:-163px 0;}
.header .nav li a.third2:hover{background-position:-163px -33px;}
.header .nav li a.fourth:hover{background-position:-316px 0;}
.header .nav li a.fifth:hover {background-image: url(home/icon-eng_o.gif); background-position: 0px 8px;}
.header .nav li a.sixth:hover{background-image:url(home/icon-simp_o.gif); background-position: 0px 8px;}

.col-right{float:right}
.col-left{float:left}
.col{clear:both}
.main{width:100%; clear:both}
.main .col-left{width:227px; margin:0}
.main .col-right{width:743px; margin:0}

/* WEATHER
—————————————————————————————————————————————————————— */
.weather{background:url(home/bkg_weather.gif) 0 0 no-repeat;width:219px;color:#414042; height:330px; padding-top:10px;text-align:center;position: relative;}
.weather .weather-icon{float:left; width:88px; margin-left:10px;}
.weather span{display:block}
.weather .green div,.weather .orange div{ width:40%;color:#FFFFFF; font-size:16px;text-align:left; padding:0 7px; line-height:28px;}
.weather .white{text-align:left;font-size:45px;line-height:45px; margin:2px 0 2px 105px;}
.weather .white span{font-size:28px;}
.weather .green,.weather .orange{width:195px;margin:0 auto 5px;  padding:0px 0px 0; clear:both; display:block; clear:both}
.weather .green{background:url(home/bkg_w_green.png) 0 0 no-repeat; height:67px; }
.weather .orange{background:url(home/bkg_w_orange.png) 0 0 no-repeat;height:67px;}
.weather .green span, .weather .orange span{display:block; clear:both}
.weather .green span{font-size:38px; line-height:45px;}
.weather .orange span{font-size:25px;font-weight:bold; line-height:40px;}
#lnk-weather-forecast {
    position: absolute;
    top:8px;
    left:-8px;
    width:33px;
    height: 111px;
}
#lightbox-weather-forecast {
    margin-top: 20px;
    width: 749px;
    font: 12px Arial, Helvetica, "微软雅黑", "Microsoft YaHei", sans-serif;
    color: #363636;
}
#lightbox-weather-forecast h1 {
    color: #008244;
    font-size: 22px;
    line-height: 2em;
    padding-bottom: 3px;
    text-align: center;
    letter-spacing: .5em;
}
#lightbox-weather-forecast  ul {
    float: left;
    width:103px;
    background: #f0f7ef url(home/bg_7-weather.png) no-repeat;
    overflow: hidden;
    text-align: center;
    margin-right: 4px;
}
#lightbox-weather-forecast li {
    list-style: none;
    float:left;
    width:103px;
}
#lightbox-weather-forecast .date {
    color:#fff;
    font-size: 18px;
    padding-top: 7px;
    margin-bottom: 10px;
}
#lightbox-weather-forecast .icon {
    background-color: #f0f7ef;
}
#lightbox-weather-forecast .desc {
    font-size: 16px;
    font-weight: bold;
    padding: 2px 0 6px 0;
    background-color: #f0f7ef;
}
#lightbox-weather-forecast .title {
    color: #35900f;
    font-size: 13px;
    padding: 4px 0 2px 8px;
    text-align: left;
    background-color: #f0f7ef;
}
#lightbox-weather-forecast .digit {
    font-size: 16px;
    text-align: left;
    padding-left: 8px;
    background-color: #f0f7ef;
}

#lightbox-weather-forecast p {
    text-align: right;
    padding-right: 5px;
    line-height: 2.3em;
}


.main .col-right .col-left{height:510px; width:366px;background:url(home/bkg_elder_btm.gif) 0 bottom no-repeat; text-align:center}
.main .col-right .col-left .top{position:relative;width:366px; height:112px; background-color:#00FF00}
.main .col-right .col-right .top{position:relative;width:366px; height:96px; background-color:#00FF00}

.main .col-right .col-left .bottom{position:relative;width:364px; height:388px; margin:0 auto}
.main .col-right .col-right .bottom{position:relative;width:364px; height:388px; margin:0 auto;}
.main .col-right .col-right {height:510px; width:366px;background:url(home/bkg_caregiver_btm.gif) 0 bottom no-repeat; text-align:center; margin:0}

.main .col-right  .col-left .top{background:url(home/bkg_elder_top.gif) 0 0 no-repeat;}
.main .col-right  .col-right .top{background:url(home/bkg_helper_top.gif) 0 0 no-repeat;}
.main .col-right a{cursor:pointer}
.main .col-right  .col-left .top a{background:url(home/btn_simple_login.gif) 0 0 no-repeat; width:185px; height:110px;top:6px; position:absolute; right:6px;}
.main .col-right  .col-left .top a:hover{background:url(home/btn_simple_login_on.gif) 0 0 no-repeat; width:185px; height:110px;top:6px; position:absolute; right:6px;}
.main .col-right  .col-right .top a{background:url(home/btn_helper_login.gif) 0 0 no-repeat; width:160px; height:60px; position:absolute; top:30px; right:5px;}
.main .col-right  .col-right .top a:hover{background:url(home/btn_helper_login_on.gif) 0 0 no-repeat; width:160px; height:60px; position:absolute; top:30px; right:5px;}
.main .col-right  .col-left .bottom a.pro_btn{background:url(home/btn_prof_login.gif) 0 bottom no-repeat; width:154px; height:90px; position:absolute; bottom:0; right:10px; color:#338F0C; font-size:16px; text-align:center;}
.main .col-right  .col-left .bottom a.pro_btn:hover{background:url(home/btn_prof_login_on.gif) 0 bottom no-repeat; width:154px; height:90px; position:absolute; bottom:0; right:10px; color:#338F0C; font-size:16px; text-align:center;}
.main .col-left a.btn_ngo {background:url(home/btn_ngo.jpg); width:222px;height:63px; display:block; margin-top:5px; background-repeat:no-repeat;margin-left:-3px;}
.main .col-left a.btn_ngo:hover {background:url(home/btn_ngo_on.gif); width:222px;height:63px; display:block; margin-top:5px; background-repeat:no-repeat}
.main .col-right  .col-right .caregiver {height:200px; position:relative}
.main .col-left .news {width:206px; padding:32px 0 0 13px; height:59px; background:url(home/bkg_home_news.gif); position:relative; background-repeat:no-repeat; margin-top:12px;_margin-top:0;}
.main .col-left .news ul {list-style:none; padding:31px 0px 0px 12px; text-align:left; font-size:14px; margin:0}
.main .col-left .news ul li {width:205px; height:17px; overflow:hidden; margin-bottom:2px}
.main .col-left .news ul li a {text-decoration:none; color:#000000; overflow:hidden}
.main .col-left .news ul li a:hover {text-decoration:underline; color:#000000; overflow:hidden}

.footer{font-size:15px; margin-top:18px}
.footer_item { float:left;}
.footer a, .i2hk a{color:#5A9710}
.footer span{color:#5A9710; padding:0 14px}
.wrapper:after,.main:after{content: ".";display: block;height: 0; clear: both;visibility:hidden;}
.feedback { cursor:pointer; width:101px; height:38px; background:url(home/feedback.png) no-repeat;}
.feedback:hover { background:url(home/feedback_o.png) no-repeat;}
.feedback a#feedback {background:transparent url(home/feedback.png) no-repeat scroll 0 0;height:38px;position:absolute;width:101px;}