BODY.site
	{ background:#DDDDDD url(/img/bgSite.gif) top left repeat-x; color:#999999; }
BODY.site  DIV.pane
	{ width:800px; margin:0 auto; }
BODY.site  DIV.header
	{ margin-top:20px; }
BODY.site  DIV.header  DIV.logo
	{ background:url(/img/imgLogo.gif) top left no-repeat; height:50px; }
BODY.site  DIV.header  DIV.icon
	{ position:absolute; width:500px; margin-left:300px; }
BODY.site  DIV.header  DIV.icon  DIV
	{ float:right; width:48px; height:48px; margin:2px; }
BODY.site  DIV.header  DIV.icon  DIV.company  DIV.on
	{ background:url(/img/btnCompanyOverS.gif) top left no-repeat; }
BODY.site  DIV.header  DIV.icon  DIV.company  DIV.off
	{ background:url(/img/btnCompanyOffS.gif) top left no-repeat; }
BODY.site  DIV.header  DIV.icon  DIV.company  DIV.off:hover
	{ background:url(/img/btnCompanyOverS.gif) top left no-repeat; }
BODY.site  DIV.header  DIV.icon  DIV.web  DIV.on
	{ background:url(/img/btnWebOverS.gif) top left no-repeat; }
BODY.site  DIV.header  DIV.icon  DIV.web  DIV.off
	{ background:url(/img/btnWebOffS.gif) top left no-repeat; }
BODY.site  DIV.header  DIV.icon  DIV.web  DIV.off:hover
	{ background:url(/img/btnWebOverS.gif) top left no-repeat; }
BODY.site  DIV.header  DIV.icon  DIV.mobile  DIV.on
	{ background:url(/img/btnMobileOverS.gif) top left no-repeat; }
BODY.site  DIV.header  DIV.icon  DIV.mobile  DIV.off
	{ background:url(/img/btnMobileOffS.gif) top left no-repeat; }
BODY.site  DIV.header  DIV.icon  DIV.mobile  DIV.off:hover
	{ background:url(/img/btnMobileOverS.gif) top left no-repeat; }
BODY.site  DIV.header  DIV.icon  DIV.digital  DIV.on
	{ background:url(/img/btnDigitalOverS.gif) top left no-repeat; }
BODY.site  DIV.header  DIV.icon  DIV.digital  DIV.off
	{ background:url(/img/btnDigitalOffS.gif) top left no-repeat; }
BODY.site  DIV.header  DIV.icon  DIV.digital  DIV.off:hover
	{ background:url(/img/btnDigitalOverS.gif) top left no-repeat; }
BODY.site  DIV.footer
	{ color:#999999; border:1px solid #CCCCCC; margin-bottom:10px; }
BODY.site  DIV.footer  DIV.copyright
	{ font-size:xx-small; font-weight:bold; margin:4px; }
BODY.site  DIV.footer  DIV.locale
	{ background:#CCCCCC; padding:4px 10px; font-size:11px; }
BODY.site  DIV.footer  DIV.locale  A
	{ color:#999999; text-decoration:none; }
BODY.site  DIV.footer  DIV.locale  A.on
	{ color:#006600; }
BODY.site  DIV.footer  DIV.locale  A:hover
	{ color:#339933; }
BODY.site  DIV.footer  DIV.contact
	{ font-size:11px; margin:4px 20px; font-weight:bold; }
BODY.site  DIV.footer  DIV.contact:hover
	{ color:#009900; }

/*-- Content Layout ----------------------------------------------------------*/
BODY.site.en
	{ font-size:11px; }
BODY.site.zhHK
	{ font-size:12px; }
BODY.site  DIV.top
	{ height:170px; margin-top:40px; border-bottom:1px solid #DDDDDD; }
BODY.site  DIV.top  DIV.left  DIV
	{ float:left; width:180px; height:40px; }
BODY.site  DIV.top  DIV.right
	{ margin-left:250px; }
BODY.site  DIV.top  DIV.right  DIV.title
	{ font-size:14px; }
BODY.site  DIV.top  DIV.right  DIV.desp
	{ height:94px; margin:16px 24px 12px 0; overflow:hidden; }
BODY.site  DIV.top  DIV.right  DIV.scroll
	{ margin-right:20px; }
BODY.site  DIV.top  DIV.right  DIV.scroll  DIV
	{ float:right; margin-left:4px; width:20px; height:20px; }
BODY.site  DIV.top  DIV.right  DIV.scroll  DIV.disabled.up
	{ background:url(/img/btnScrollUpDisabled.gif) top left no-repeat; }
BODY.site  DIV.top  DIV.right  DIV.scroll  DIV.off.up
	{ background:url(/img/btnScrollUpOff.gif) top left no-repeat; }
BODY.site  DIV.top  DIV.right  DIV.scroll  DIV.off.up:hover
	{ background:url(/img/btnScrollUpOver.gif) top left no-repeat; }
BODY.site  DIV.top  DIV.right  DIV.scroll  DIV.disabled.down
	{ background:url(/img/btnScrollDownDisabled.gif) top left no-repeat; }
BODY.site  DIV.top  DIV.right  DIV.scroll  DIV.off.down
	{ background:url(/img/btnScrollDownOff.gif) top left no-repeat; }
BODY.site  DIV.top  DIV.right  DIV.scroll  DIV.off.down:hover
	{ background:url(/img/btnScrollDownOver.gif) top left no-repeat; }
BODY.site.en  DIV.top  DIV.left  DIV.company
	{ background:url(/img/en/imgTitleCompany.gif) top left no-repeat; }
BODY.site.en  DIV.top  DIV.left  DIV.web
	{ background:url(/img/en/imgTitleWeb.gif) top left no-repeat; }
BODY.site.en  DIV.top  DIV.left  DIV.mobile
	{ background:url(/img/en/imgTitleMobile.gif) top left no-repeat; }
BODY.site.en  DIV.top  DIV.left  DIV.digital
	{ background:url(/img/en/imgTitleDigital.gif) top left no-repeat; }
BODY.site.en  DIV.top  DIV.left  DIV.news
	{ background:url(/img/en/imgTitleNews.gif) top left no-repeat; }
BODY.site.zhHK  DIV.top  DIV.left  DIV.company
	{ background:url(/img/zhHK/imgTitleCompany.gif) top left no-repeat; }
BODY.site.zhHK  DIV.top  DIV.left  DIV.web
	{ background:url(/img/zhHK/imgTitleWeb.gif) top left no-repeat; }
BODY.site.zhHK  DIV.top  DIV.left  DIV.mobile
	{ background:url(/img/zhHK/imgTitleMobile.gif) top left no-repeat; }
BODY.site.zhHK  DIV.top  DIV.left  DIV.digital
	{ background:url(/img/zhHK/imgTitleDigital.gif) top left no-repeat; }
BODY.site.zhHK  DIV.top  DIV.left  DIV.news
	{ background:url(/img/zhHK/imgTitleNews.gif) top left no-repeat; }
BODY.site  DIV.bottom
	{ height:340px; }
BODY.site  DIV.bottom  DIV.left
	{ float:left; width:180px; }
BODY.site  DIV.bottom  DIV.left  DIV.menu
	{ margin:10px 0 40px 0; text-align:right; }
BODY.site  DIV.bottom  DIV.left  DIV.menu  DIV.on
	{ color:#009900; }
BODY.site  DIV.bottom  DIV.left  DIV.menu  DIV.off:hover
	{ color:#FF9900; }
BODY.site  DIV.bottom  DIV.left  DIV.menu   DIV.title
	{ color:#666666; font-weight:bold; }
BODY.site  DIV.bottom  DIV.left  DIV.menu  DIV.project
	{ margin-top:20px; }
BODY.site  DIV.bottom  DIV.right
	{ height:100px; margin-left:250px; margin-bottom:40px; }
BODY.site  DIV.bottom  DIV.right  DIV.frame
	{ background:#FFFFFF; width:520px; height:260px; padding:10px; }
BODY.site  DIV.bottom  DIV.right  DIV.pic
	{ background:#999999; position:absolute; margin:10px; width:520px; height:260px; overflow:hidden; }
BODY.site  DIV.bottom  DIV.right  DIV.pic  DIV.area
	{ position:absolute; width:auto; }
BODY.site  DIV.bottom  DIV.right  DIV.button
	{ padding:10px; }
BODY.site  DIV.bottom  DIV.right  DIV.button  DIV.off
	{ float:right; width:22px; height:25px; margin-right:4px; }
BODY.site  DIV.bottom  DIV.right  DIV.button  DIV.off.prev
	{ background:url(/img/btnPicPrevOff.png) top left no-repeat; }
BODY.site  DIV.bottom  DIV.right  DIV.button  DIV.off.next
	{ background:url(/img/btnPicNextOff.png) top left no-repeat; }

/*-- Pop Widget  -------------------------------------------------------------*/
BODY.site  DIV#PopPane
	{ width:600px; min-height:200px; }
BODY.site  DIV#PopPane  DIV.pane
	{ background:#003300; }
BODY.site  DIV#PopPane  DIV.pane  DIV.date
	{ background:#EEEEEE; border:2px solid #FFFFFF; float:left; text-align:center; }
BODY.site  DIV#PopPane  DIV.pane  DIV.date  DIV.year
	{ background:#999999; color:#FFFFFF; font-size:xx-small; }
BODY.site  DIV#PopPane  DIV.pane  DIV.date  DIV.month
	{ margin-top:2px; font-size:xx-small; }
BODY.site  DIV#PopPane  DIV.pane  DIV.date  DIV.day
	{ font-size:x-large; padding:0 8px; }
BODY.site  DIV#PopPane  DIV.pane  DIV.thumbnail
	{ }
BODY.site  DIV#PopPane  DIV.pane  DIV.thumbnail  IMG
	{ background:#000000; border:1px solid #33CC33; padding:2px; }
BODY.site  DIV#PopPane  DIV.pane  DIV.thumbnail  IMG:hover,
BODY.site  DIV#PopPane  DIV.pane  DIV.thumbnail  IMG.hover
	{ border-color:#FFFFFF; cursor:hand; cursor:pointer; }
BODY.site  DIV#PopPane  DIV.pane  DIV.pic
	{ float:right; margin:0 0 20px 20px; }
BODY.site  DIV#PopPane  DIV.pane  DIV.pic  IMG
	{ background:#000000; border:1px solid #FFFFFF; padding:4px; }
BODY.site  DIV#PopPane  DIV.pane  DIV.text
	{ color:#FFFFFF; padding:10px; }
BODY.site  DIV#PopPane  DIV.pane  DIV.text  DIV.title
 	{ color:#FF9900; margin-bottom:20px; font-size:14px; }

/*-- Extra Widget  -----------------------------------------------------------*/
BODY.site  DIV.extra
	{ position:absolute; left:0; top:100px; color:#FFFFFF; }
BODY.site  DIV.extra  DIV.pane
	{ background:#000000; border:1px solid #FFFFFF; border-left:0; position:absolute; width:300px; height:300px; left:-300px; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9; }
BODY.site  DIV.extra  DIV.pane  DIV.loading.icon
	{ background:url(/img/imgLoadingDark.gif) center center no-repeat; width:100%; height:100%; }
BODY.site.en  DIV.extra  DIV.open
	{ background:url(/img/en/btnNewsOff.gif); border:1px solid #FFFFFF; border-left:0; position:absolute; width:34px; height:91px; }
BODY.site.en  DIV.extra  DIV.off.open:hover
	{ background:url(/img/en/btnNewsOver.gif); border:1px solid #FFFFFF; border-left:0; position:absolute; width:34px; height:91px; }
BODY.site.en  DIV.extra  DIV.close
	{ background:url(/img/en/btnCloseOff.gif); border:1px solid #FFFFFF; border-left:0; position:absolute; width:34px; height:91px; }
BODY.site.en  DIV.extra  DIV.off.close:hover
	{ background:url(/img/en/btnCloseOver.gif); border:1px solid #FFFFFF; border-left:0; position:absolute; width:34px; height:91px; }
BODY.site.zhHK  DIV.extra  DIV.open
	{ background:url(/img/zhHK/btnNewsOff.gif); border:1px solid #FFFFFF; border-left:0; position:absolute; width:34px; height:91px; }
BODY.site.zhHK  DIV.extra  DIV.off.open:hover
	{ background:url(/img/zhHK/btnNewsOver.gif); border:1px solid #FFFFFF; border-left:0; position:absolute; width:34px; height:91px; }
BODY.site.zhHK  DIV.extra  DIV.close
	{ background:url(/img/zhHK/btnCloseOff.gif); border:1px solid #FFFFFF; border-left:0; position:absolute; width:34px; height:91px; }
BODY.site.zhHK  DIV.extra  DIV.off.close:hover
	{ background:url(/img/zhHK/btnCloseOver.gif); border:1px solid #FFFFFF; border-left:0; position:absolute; width:34px; height:91px; }
BODY.site  DIV#ExtraPane
	{ border:1px solid #666666; position:absolute; width:282px; height:282px; padding-top:1px; margin:8px; }
BODY.site  DIV#ExtraPane  DIV.header	
	{ border-bottom:1px solid #666666; background:#003300; color:#FFFFFF; margin:0; padding:4px 8px; height:16px; font-size:x-small; }
BODY.site  DIV#ExtraPane  DIV.list
	{ height:236px; overflow:auto; overflow-x:hidden; }
BODY.site  DIV#ExtraPane  DIV.list  DIV.row
	{ border-bottom:1px solid #666666; padding:8px; }
BODY.site  DIV#ExtraPane  DIV.list  DIV.row.alt
	{ background:#333333; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; }
BODY.site  DIV#ExtraPane  DIV.list  DIV.row:hover,
BODY.site  DIV#ExtraPane  DIV.list  DIV.row.hover
	{ background:#99CC99; color:#333333; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; cursor:hand; cursor:pointer; }
BODY.site  DIV#ExtraPane  DIV.list  DIV.row.highlight
	{ background:#99CC99; opacity:color:#333333; opacity:0.8; filter:alpha(opacity=80); -moz-opacity:0.8; }
BODY.site  DIV#ExtraPane  DIV.list  DIV.row  DIV.date
	{ color:#339933; font-size:xx-small; }
BODY.site  DIV#ExtraPane  DIV.list  DIV.row  DIV.title
	{ }
BODY.site  DIV#ExtraPane  DIV.link
	{ background:#000000; border-top:1px solid #666666; padding:2px 6px; height:16px; text-align:right; }
BODY.site  DIV#ExtraPane  DIV.link:hover
	{ color:#FF9900; }

/*-- Home Screen  ------------------------------------------------------------*/
BODY.site  DIV.home
	{ margin:80px 0; height:260px; }
BODY.site  DIV.home  DIV.section
	{ height:200px; float:left; margin:8px; }
BODY.site  DIV.home  DIV.section  DIV.title
	{ width:180px; height:40px; }
BODY.site  DIV.home  DIV.section  DIV.space
	{ position:relative; width:180px; height:180px; }
BODY.site  DIV.home  DIV.section  DIV.text
	{ position:absolute; margin-top:10px; width:152px; height:12px; }
BODY.site  DIV.home  DIV.section  DIV.icon
	{ position:absolute; width:180px; height:180px; opacity:0.3; filter:alpha(opacity=30); -moz-opacity:0.3; }
BODY.site  DIV.home  DIV.section  DIV.icon:hover
	{ cursor:default; }
BODY.site  DIV.home  DIV.section.company  DIV.icon.off
	{ background:url(/img/btnCompanyOff.gif) top left no-repeat; }
BODY.site  DIV.home  DIV.section.company  DIV.icon.over
	{ background:url(/img/btnCompanyOver.gif) top left no-repeat; }
BODY.site  DIV.home  DIV.section.web  DIV.icon.off
	{ background:url(/img/btnWebOff.gif) top left no-repeat; }
BODY.site  DIV.home  DIV.section.web  DIV.icon.over
	{ background:url(/img/btnWebOver.gif) top left no-repeat; }
BODY.site  DIV.home  DIV.section.mobile  DIV.icon.off
	{ background:url(/img/btnMobileOff.gif) top left no-repeat; }
BODY.site  DIV.home  DIV.section.mobile  DIV.icon.over
	{ background:url(/img/btnMobileOver.gif) top left no-repeat; }
BODY.site  DIV.home  DIV.section.digital  DIV.icon.off
	{ background:url(/img/btnDigitalOff.gif) top left no-repeat; }
BODY.site  DIV.home  DIV.section.digital  DIV.icon.over
	{ background:url(/img/btnDigitalOver.gif) top left no-repeat; }
BODY.site.en  DIV.home  DIV.section  DIV.text
	{ background:url(/img/en/imgMore.gif) top left no-repeat; }
BODY.site.en  DIV.home  DIV.section.company  DIV.title
	{ background:url(/img/en/imgTitleCompany.gif) top left no-repeat; }
BODY.site.en  DIV.home  DIV.section.web  DIV.title
	{ background:url(/img/en/imgTitleWeb.gif) top left no-repeat; }
BODY.site.en  DIV.home  DIV.section.mobile  DIV.title
	{ background:url(/img/en/imgTitleMobile.gif) top left no-repeat; }
BODY.site.en  DIV.home  DIV.section.digital  DIV.title
	{ background:url(/img/en/imgTitleDigital.gif) top left no-repeat; }
BODY.site.zhHK  DIV.home  DIV.section  DIV.text
	{ background:url(/img/zhHK/imgMore.gif) top left no-repeat; }
BODY.site.zhHK  DIV.home  DIV.section.company  DIV.title
	{ background:url(/img/zhHK/imgTitleCompany.gif) top left no-repeat; }
BODY.site.zhHK  DIV.home  DIV.section.web  DIV.title
	{ background:url(/img/zhHK/imgTitleWeb.gif) top left no-repeat; }
BODY.site.zhHK  DIV.home  DIV.section.mobile  DIV.title
	{ background:url(/img/zhHK/imgTitleMobile.gif) top left no-repeat; }
BODY.site.zhHK  DIV.home  DIV.section.digital  DIV.title
	{ background:url(/img/zhHK/imgTitleDigital.gif) top left no-repeat; }

/*-- News Screen  ------------------------------------------------------------*/
BODY.site  DIV.news
	{ height:300px; margin-bottom:40px; }
BODY.site  DIV.news  TABLE.list
	{ border-top:1px solid #CCCCCC; }
BODY.site  DIV.news  TABLE.list  TR.highlight
	{ background:#FFFFCC; }
BODY.site  DIV.news  TABLE.list  TD
	{ border-bottom:1px solid #CCCCCC; padding:4px 12px; font-size:small; }
BODY.site  DIV.news  TABLE.list  TD.icon
	{ padding:0; }
BODY.site  DIV.news  TABLE.list  TD.title
	{ }
BODY.site  DIV.news  TABLE.list  TD.title.off:hover
	{ background:#FFFFCC; cursor:pointer; cursor:hand; }
BODY.site  DIV.news  TABLE.list  TD.title.highlight
	{ background:#FFFFCC; }
BODY.site  DIV.news  TABLE.list  TD.date
	{ background:#DDDDDD; color:#999999; padding:0; }
BODY.site  DIV.news  TABLE.list  TD.date  TABLE  TD
	{ padding:0 4px; border:0; }
BODY.site  DIV.news  TABLE.list  TD.date  DIV.year
	{ margin-right:4px; font-size:xx-small; }
BODY.site  DIV.news  TABLE.list  TD.date  DIV.month
	{ margin-left:4px; margin-top:2px; font-size:xx-large; }
BODY.site  DIV.news  TABLE.list  TD.date  DIV.day
	{ background:#999999; color:#FFFFFF; margin-right:4px; padding:2px; font-size:x-small; font-weight:bold;}

/*-- Digital Screen  ---------------------------------------------------------*/
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.pic
	{ width:516px; height:259px; overflow:hidden; padding:0px; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.pic  IMG
	{ background:#444444; width:80px; height:80px; float:left; padding:2px; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.pic  IMG.off
	{ border:1px solid #666666; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.pic  IMG.off:hover,
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.pic  IMG.off.hover
	{ background:#003300; border:1px solid #FFFFFF; cursor:hand; cursor:pointer; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.pic  DIV.empty
	{ border:1px solid #666666; background:#444444; width:84px; height:84px; float:left; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.frame
	{ background:#FFFFFF; width:516px; height:260px; padding:10px; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask
	{ background:#000000; position:absolute; margin:10px; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask  DIV
	{ color:#FFFFFF; margin:10px; font-size:20px; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask  DIV.loading.icon
	{ background:url(/img/imgLoadingDark.gif) center center no-repeat; width:100%; height:100%; margin:0; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask  DIV.button
	{ background:url(/img/icoCrossS.gif) center center no-repeat; position:absolute; width:16px; height:16px; right:8px; margin:0; padding:0; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask  DIV  DIV.button.off
	{ opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask  DIV  DIV.button.off:hover
	{ opacity:1; filter:alpha(opacity=100); -moz-opacity:1; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask  DIV  IMG.pic
	{ border:1px solid #FFFFFF; padding:2px; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask  DIV  DIV.thumbnails
	{ position:absolute; bottom:0; right:0; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask  DIV  DIV.thumbnails  IMG
	{ border:1px solid #FFFFFF; width:40px; height:40px; padding:2px; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask  DIV  DIV.thumbnails  IMG:hover
	{ background:#003300; border-color:#33CC33; cursor:hand; cursor:pointer; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask  DIV  DIV.title
	{ color:#33CC33; margin-bottom:10px; font-size:14px; }
BODY.site  DIV.bottom  DIV.right  DIV.digital  DIV.mask  DIV  DIV.desp
	{ font-size:11px; color:#CCCCCC; }

/*-- Timeline Screen  --------------------------------------------------------*/
BODY.site  DIV.bottom  DIV.right  DIV.timeline  IFRAME
	{ background:#999999; border:1px solid #666666; position:absolute; margin:10px; }

/*-- Contact Screen  --------------------------------------------------------*/
BODY.site  DIV.top  DIV.right  DIV.desp  TABLE
	{ font-size:11px; }
BODY.site  DIV.top  DIV.right  DIV.desp  A
	{ color:#666666; }
BODY.site  DIV.top  DIV.right  DIV.desp  A:hover
	{ color:#339933; }