@charset "utf-8";
/* CSS Document */

html,body{font:12px Arial, Helvetica, sans-serif,"宋体";margin:0;padding:0;}
A { FONT-SIZE: 12px; COLOR: #048b48; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none }
A:hover { FONT-SIZE: 12px; COLOR: #048b48; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none }
A:visited { FONT-SIZE: 12px; COLOR: #048b48; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none }
A:hover:visited { FONT-SIZE: 12px; COLOR: #048b48; FONT-FAMILY: Verdana, Arial, Helvetica; TEXT-DECORATION: none }
input,table,tr,th,td,div,form,textarea,p,b,h4,h5,h6,h7,span,label{font:12px Arial, Helvetica, sans-serif}
.clearboth{height:0;clear:both}


body{background:#048b48 url(../images/bodybg.jpg) right top no-repeat;text-align:center;margin:0;padding:0;}

#container{width:970px;margin:0 auto;padding:0;text-align:left;}
/*************top****************/
#top{height:100px}

#top .logo a{display:block;width:310px;height:82px;float:left;margin:9px 0;background:url(../images/logo.png) left top no-repeat;}

#top .topmenu,#top .time{margin-left:320px;text-align:right;padding:0;color:#fff;}
#top .topmenu a{color:#fff;}
#top .topmenu a:hover{color:#048b48; text-decoration:none}
#top .topmenu ul{list-style:none;margin:0;padding:0;float:right}
#top .topmenu ul li{float:left;margin:0;padding:10px 5px 0 8px;border-right:#fff 1px solid}
#top .time{line-height:30px;clear:both}


/*************main****************/
#main{background:#fff;padding:25px 0;margin:0;clear:both}
#main .maincontent{margin:0 25px;padding:0;}
#main .maincontent div.langbar{ background: url(../images/langlist-bg.gif) repeat-x;padding:0;}

ul.menu-langlist { margin:0; height:31px;overflow:hidden; float:left; padding:0}
ul.menu-langlist li { width:46px; height:25px; float:left; padding-right:1px; background:url(../images/langlist-separator.gif) left bottom  no-repeat 100% 0; overflow:hidden; }
ul.menu-langlist li a { display:block; width:46px; height:25px; text-indent:-9999px; _overflow:hidden; }
ul.menu-langlist li.lang-en a { background:url(../images/en.gif) no-repeat; }
ul.menu-langlist li.lang-ar a { background:url(../images/ar.gif) no-repeat; }
ul.menu-langlist li.lang-fr a { background:url(../images/fr.gif) no-repeat; }
ul.menu-langlist li.lang-id a { background:url(../images/id.gif) no-repeat; }
ul.menu-langlist li.lang-vn a { background:url(../images/vn.gif) no-repeat; }
ul.menu-langlist li.lang-es a { background:url(../images/es.gif) no-repeat; }
ul.menu-langlist li.lang-ru a { background:url(../images/ru.gif) no-repeat; }
ul.menu-langlist li.lang-jp a { background:url(../images/jp.gif) no-repeat; }
ul.menu-langlist li.lang-cn a { background:url(../images/cn.gif) no-repeat; }
ul.menu-langlist li.lang-ct a { background:url(../images/zh-tw.gif) no-repeat; }
ul.menu-langlist li.lang-kr a { background:url(../images/kr.gif) no-repeat; }
ul.menu-langlist li.lang-pt a { background:url(../images/pt.gif) no-repeat; }
ul.menu-langlist li.lang-tu a { background:url(../images/tu.gif) no-repeat; }
ul.menu-langlist li.lang-th a { background:url(../images/th.gif) no-repeat; }
ul.menu-langlist li.lang-zh-tw a { background:url(../images/zh-tw.gif) no-repeat; }
ul.menu-langlist li a:hover, ul.menu-langlist li a.active { background-position:0 100%; }


/* Video block */

.video { margin-top:20px; height:207px; width:920px; background:url(../images/videoblock-bg.gif) repeat-x; overflow:hidden;clear:both }
/* mainmenu*/
#main .maincontent div.mainmenu{ background: url(../images/mainmenu-bg.gif) repeat-x;height:40px;margin-bottom:25px;clear:both;}
#main .maincontent div.mainmenu ul{float:left;list-style:none;margin:0;padding:0;height:40px;}
#main .maincontent div.mainmenu ul li{float:left;height:32px;padding-right:2px; background:url(../images/mainmenu-separator.gif) right top;overflow:hidden;}
#main .maincontent div.mainmenu ul li a{display:block;padding:0 8px;font:bold 14px "";color:#fff; text-decoration:none;line-height:32px;background:url(../images/mainmenu-bg.gif) repeat-x;}
#main .maincontent div.mainmenu ul li a:hover,#main .maincontent div.mainmenu ul li a.active{ background:url(../images/mainmenuover-bg.gif) repeat-x;text-decoration:none}
.content,.user,#pathway{margin-right:225px;padding:0;}
#pathway{margin-bottom:5px;}
#pathway a{font:bold 12px ""}

.content{zoom:1}
.content h1{font:bold 18px ""}
.content h2{font:bold 14px ""}
.content h3{font:bold 12px ""}
.content .contentpaneopen img{border:#333 1px solid;margin-right:10px}
.content .contentpaneopen .buttonheading img{border:none}
.content p{line-height:22px;text-indent:2em}
.content ul{margin-left:20px}

form#ff_form13 h1,.content_AppOnline h1{font:bold 12px ""}
form#ff_form13 h2,.content_AppOnline h2{font:normal 12px ""}


table.contentpaneopen{width:690px}
.content .contentheading,.content div.componentheading{background:#048b48;text-indent:2px;height:24px;font:bold 14px "";color:#fff;line-height:24px;}

.right{float:right;width:200px;text-align:left;}
.column { margin:0; width:202px;overflow:hidden;padding:0}
.column a { color:#FFF; }
.column a:hover { color:#EFB013; }
/* Column Enquire-link */

.column .enquire,.column .enquire_cn { display:block; width:202px; height:130px; text-indent:-9999px; background:url(../images/enquire-link.jpg) no-repeat; overflow:hidden; }
.column .enquire_tw{display:block; width:202px; height:130px; text-indent:-9999px; background:url(../images/enquire_tw-link.gif) no-repeat; overflow:hidden; }
.column .enquire:hover,.column .enquire_cn:hover,.column .enquire_tw:hover { background-position:0 100%; }
/* Login form */
.column form{margin:0;padding:0}
.column .login, .column .login div { width:202px; height:153px; overflow:hidden;margin:0 }
.column .login { background:url(../images/form-bg.gif) repeat-x; }
.column .login div { background:url(../images/formdiv-bg.gif) repeat-x; }
.column .login h3 { margin:7px 0 0 22px; padding:0; width:175px; font:14px Verdana, sans-serif; color:#fff; overflow:hidden; }
.column .login label { margin:7px 0 0 20px; display:block; width:175px; color:#fff; overflow:hidden; }
.column .login .text { margin:0 0 0 19px; padding:0 4px; width:151px; height:15px; border:3px #575757 inset; border-width:3px 0 0 3px; overflow:hidden; }
.column .login .button { display:block; margin:9px 0 0 120px; overflow:hidden; }
/* Column Bottom Info Block */

.colinfo, .colinfo div { width:202px; height:164px; overflow:hidden;margin:0; }
.colinfo { background:url(../images/colinfo-bg.gif) repeat-x; }
.colinfo div { background:url(../images/colinfodiv-bg.gif) repeat-y; }
.colinfo ul { margin:15px 0 0 20px; width:175px; list-style:none;padding:0}
.colinfo ul li { font:bold 9px Verdana, sans-serif; color:#fff; }

/*************footer****************/
#footer{ background:url(../images/mainmenu-bg.gif) repeat-x;height:30px;clear:both}
#footer ul#mainlevel-nav{float:left;list-style:none;margin:0;padding:0;}
#footer ul#mainlevel-nav li{float:left;boder-right:#fff 1px solid;height:28px;}
#footer ul#mainlevel-nav li a{color:#fff;margin:0 8px;text-decoration:none;display:block;line-height:28px}
#footer ul#mainlevel-nav li a:hover{color:#f60}
#footer p { margin:10px 15px 0 0; float:right; display:inline; font:1em Verdana, sans-serif; color:#fff; overflow:hidden; }
#footer p a{color:#fff}
/*************transMenu****************/
.transMenu { position:absolute; overflow:hidden; left:-1000px; top:-1000px; }

.transMenu .content { position:absolute; }

.transMenu .items { position:relative; left:0px; top:0px; z-index:2; }
.transMenu.top .items { border-top:none; }

.transMenu .item {font-size:12px; font-family:Tahoma, 宋体, Arial, Hevlvetica, sans-serif; text-decoration:none;	border:none; cursor:pointer; cursor:hand; display: block; width: 200px !important; width: 200px; background:#fff; vertical-align: middle; font-size: 12px; font-weight: bold; color: #333; text-align: left; text-indent: 15px; height: 20px !important; height: 25px; width: 100%; text-decoration: none; }
.transMenu .item td { }

.transMenu .background { position:absolute; left:0px; top:0; z-index:1;}
.transMenu .shadowRight { position:absolute; z-index:3; top:0; width:1;background:#ddd}

.transMenu .shadowBottom { position:absolute; z-index:1; left:0; height:1;background:#ddd}

.transMenu .item.hover { color:#fff;background:#333}

.transMenu .item img { margin-left:10px; }

#wrap { margin:8px 10px 0 10px; padding: 0px; }
#wrap a{color:#333}
#wrap a:hover{color:#fff}
#menu { margin: 0px; padding: 0px; display:block; width:100%; }
.transMenu .item#active { background:#333; color:#fff; }
.transMenu .item#active.hover { background:#333; color:#fff; }

a.mainlevel-trans:link, a.mainlevel-trans:visited { display: block;  vertical-align: middle; font-size: 12px;color: #fff; text-align: left; padding-top: 5px; padding-left: 18px; height: 20px !important; height: 25px; width: 100%; text-decoration: none; width: 145px !important; width: 160px; }
a.mainlevel-trans:hover { background-position: 0px -25px; text-decoration: none; color: #333; }
a.mainlevel_active-trans, a.mainlevel_active-trans:visited { color:#F60; line-height: 25px; display: block; height: 25px; width:auto; margin: 0px; padding: 0px 15px 0px 29px;  background-position: 0px -25px; text-decoration: none; color: #333; }
a.mainlevel_active-trans:hover { color:#36C; }