body{margin:10px 0;padding:0;border:0;font:14px georgia,arial,verdana,sans-serif,SimSun;color:#333;background:#fff;}
a{color:#2da7df;text-decoration:none;}
a:hover{color:#ed193a;text-decoration:none;}
h1.title{color:#ed193a;font:bold 28px SimHei;line-height:26px;margin:0 0 10px 0;padding:0;}
h4{margin:0;padding:0 0 5px 0;}
h5{font:bold 14px georgia;display:block;margin:0;padding:0 0 10px 0;color:#0e85b2;}
h5.en{font:bold 14px georgia;margin-top:-4px;}
.datestamp{font:bold 12px arial;color:#9ee4ff;padding:10px 0;clear:both;}
.ch{font:14px arial;}
.en{font:11px tahoma;}
em.en{font-weight:bold;margin:0 3px;}
.first,.last{margin:0;}

.outline{margin:0 auto;width:960px;}
.container{width:960px;}

.brand{width:960px;float:left;margin-bottom:10px;}
.logo,.logo_tag{background:transparent url(/asset/imgs/logo.gif) no-repeat 0 0;display:block;}
.logo{float:left;margin:0 15px 0 0;width:183px;height:92px;}
.logo_tag{width:350px;height:18px;float:right;background-position:-200px -10px;margin:5px 5px 0 0;}
.leaderboard{float:right;width:728px;margin-right:12px;}
.fb-box{display:block;clear:both;margin:0 0 0 130px;padding:2px 0 0 10px;border-top:2px solid #eee;border-bottom:2px solid #eee;}

.leftcol{background:#0F85B3;text-align:center;width:117px;margin-right:3px;float:left;overflow:hidden;}
.mainbox{float:left;width:640px;margin:0 10px 20px 0;overflow:hidden;}
.rightcol{float:left;width:160px;overflow:hidden;}
.contentarea{float:left;width:830px;margin:-5px 0 20px 10px;}
* html .contentarea{float:none;}
.catchment_top,.catchment_foot{width:830px;height:9px;float:left;background:transparent url(/asset/imgs/catchment_base.gif) no-repeat 0 0;}
* html .catchment_top{margin-bottom:-8px;}
.catchment_foot{background-position:0 -21px!important;margin-bottom:5px;}
.catchment_content{float:left;width:820px;padding:0 5px 20px 5px;margin:0;background:transparent url(/asset/imgs/catchment_content.gif) repeat-y 0 0;}

#mypaper_home .nest{width:810px;padding:0 5px;}
.nest{float:left;width:780px;padding:20px;}
.displayunit_wrapper{margin:0 0 20px 0;clear:both;float:left;width:780px;}
.displayunit_wrapper ul{padding:0 0 0 15px;}
.displayunit{float:left;margin-right:10px;}
.displayunit_last{float:left;clear:right;}
#epaper_archive .displayunit{white-space:nowrap;width:142px;overflow:hidden;padding-bottom:10px;}


#myabout .displayunit,#myabout .displayunit_last{width:360px;}
#myteam .displayunit,#myad .displayunit,#mydistribute .displayunit{width:400px;}
#myteam .displayunit_last,#myad .displayunit_last,#mydistribute .displayunit_last{width:320px;}
#myabout .displayunit{margin-right:50px;}
#myblog .displayunit_wrapper{text-align:center;}
#myblog .displayunit{margin-right:26px;}
#myblog .ppanel{width:90px;height:90px;padding:9px;margin:0;background:transparent url(/asset/imgs/bg_blog_tn.gif) no-repeat 0 0;}
* html #myblog .ppanel{margin-bottom:-8px;}
#myblog .thumbnail img{width:80px;height:80px;}
#myblog .thumbnail{width:80px;height:80px;float:left;border:5px solid #fff;}
#myblog a.thumbnail:hover{border-color:#4ac7f6;}
a:hover.author{color:#ed1a3b!important;}
a.name{font-weight:bold;color:#525252;}
a:hover.name{color:#83c302;}
.detail div.name{font-size:14px;}
.detail li{margin:0;padding:0 0 15px 0;width:360px;float:left;display:block;}
.label{color:#57a500;margin-bottom:3px;}
.detail em{font-weight:bold;}

.navi,.navi li a,.navi li a:hover{background:#0f85b3 url(/asset/imgs/navi.gif) no-repeat 0 0;}
.navi{background-position:-250px 0!important;float:left;width:117px;text-align:center;}
.navi ul{margin:0 1px;padding:0;list-style:none;width:115px;}
.navi li{margin:0;padding:0;float:none;clear:both;}
.navi li a{display:block;cursor:pointer;}
.navi1 li a{width:115px;height:50px;}
.navi2,.navi3{background:#0f85b3;padding:0 0 20px 0!important;}

a.navi_activity:hover{background-position:0 -200px!important;}
.navi_about{background-position:0 -50px!important;}
a.navi_about:hover{background-position:0 -250px!important;}
.navi_team{background-position:0 -100px!important;}
a.navi_team:hover{background-position:0 -300px!important;}
.navi_blog{background-position:0 -150px!important;}
a.navi_blog:hover{background-position:0 -350px!important;}

.navi_ad{height:65px;background-position:0 -400px!important;}
.navi_distribute{height:45px;background-position:0 -465px!important;}
.navi_contact{height:320px;background-position:-130px 0!important;}

h3.head{width:780px;height:35px;margin:0;padding:0 20px;float:left;background:transparent url(/asset/imgs/head.gif) no-repeat 0 0;}
#head_activity,#head_about,#head_team,#head_blog,#head_ad,#head_distribute,#head_epaper{width:320px;height:35px;padding:0;float:left;background:transparent url(/asset/imgs/head.gif) no-repeat 0 0;}
#head_activity{background-position:0 -40px!important;}
#head_about{background-position:0 -80px!important;}
#head_team{background-position:0 -120px!important;}
#head_blog{background-position:0 -160px!important;}
#head_ad{background-position:0 -200px!important;}
#head_distribute{background-position:0 -240px!important;}
#head_epaper{background-position:0 -280px!important;}

#mypaper_home .contentbox{width:810px;}
.contentbox{margin:0;width:780px;font:14px georgia;}
.contentbox ul{margin-top:0;}
.contentbox .ch{letter-spacing:.1em;}
.contentbox .en p{font:12px georgia!important;line-height:20px!important;}
.contentbox p{margin:0!important;padding:0 0 8px 0!important;line-height:22px;text-align:justify;}
#mypaper_home .contentbox p{line-height:16px;}
#mypaper_home .contentbox p.en{line-height:14px;}
.closure{float:left;margin:15px 0;float:left;}

dl#publish{width:100%;font:12px arial;padding:0;color:#999;margin:10px 0;clear:both;float:left;}
dl#publish,dl#publish dd{float:left;}
dl#publish dt,dl#publish dd{white-space:nowrap;}
dl#publish,dl#publish dt,dl#publish dd{margin:0;padding:0;line-height:14px;}
dl#publish dt{float:left;padding-right:5px;}
dl#publish dd{padding:0 10px 0 0;margin-top:1px;}

.imgrow{text-align:center;}
.imgrow img{clear:both;margin-bottom:5px;}
div.picwrap{float:left;margin-right:10px;margin-bottom:5px;width:auto;}
div.picwrap .caption{width:200px;}

.caption{padding:0;font:12px arial;color:#ed1a3b;margin:5px 0;text-align:left;line-height:16px;}
.caption p{line-height:16px;}
.caption em{text-decoration:none;font-style:normal;color:#000!important;}

.list,.detail{margin:0;padding:0;list-style-type:none;color:#333;}
.list li{margin:6px 0;padding:0;height:25px;list-style-type:none;clear:both;border-bottom:1px solid #ddd;}
.list .datestamp{float:left;font:bold 11px tahoma;color:#666;width:100px;padding:0;line-height:19px;}
.list .subject{float:left;width:680px;}
.list .subject span{margin-right:5px;float:left;}

.profile{background:#eee;float:left;width:740px;padding:10px 20px 0 20px;}
.asiaone_feed{border:4px solid #ddd;width:152px;height:180px;float:left;margin-top:10px;overflow:hidden;}
.omy_feed{width:376px;height:220px;float:left;margin-right:10px;}

.ad_space{margin:5px 0;}
.announce,.omy_ad{float:left;}

.announce{width:244px;padding:5px;color:#fff;background:#43b9e6;float:left;font:12px arial;}
.announce h4{font-size:12px;color:#004c69;}
.announce h4.en{font:bold 11px tahoma;}
.announce p.en{font-weight:bold;}
.announce .box{float:left;border:1px solid #fff;padding:10px 10px 5px 10px;}

.affiliates{width:580px;height:90px;padding:15px 30px 10px 30px;margin-top:-10px;float:left;background:transparent url(/asset/imgs/bg_affiliate.gif) no-repeat 0 0;}
.affiliates ul{margin:0;list-style-type:none;float:left;}
.affiliates li{float:left;}
.affiliates .row1 li{margin-right:35px;padding-bottom:14px;}
.affiliates .row2 li{margin-right:20px;}
.a_omy,.a_st701,.a_enewpaper{}
.a_asiaone{margin-top:6px;}
.a_bt{margin-top:3px;}

.foot{color:#666;font-size:12px;}
.foot ul{margin:0;padding:0 0 0 5px;list-style-type:none;float:left;}
.foot li{float:left;padding-left:8px;}
.foot .copyright{float:right;white-space:nowrap;padding:3px 10px 0 30px;background:transparent url(/asset/imgs/logo_sph.gif) no-repeat 0 1px;}

#myarchives .displayunit_wrapper .displayunit{margin-bottom:5px;text-align:center;}
#myarchives .ppanel img{width:65px;}
#myarchives .ppanel a img{border:1px solid #bbb;padding:1px;}
#myarchives .ppanel a:hover img{border:1px solid #ff0000;}
#myarchives .ppanel em{display:block;font:bold 11px tahoma;clear:both;}

.archive{width:140px;height:25px;float:right;display:block;clear:both;margin:0 0 5px 0;background:transparent url(/asset/imgs/icon_archive.gif) no-repeat 0 0;}
