/*==============================================================================
	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.

==============================================================================*/

/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

/* default font and color information */


* {
	font-family: Verdana, tahoma, Geneva, Helvetica, Arial, snas-serif; MS Sans Serif;
}

* [lang="zh-TW"] {
	font-family: PMingLiU,MingLiU, serif;
}

* [lang="zh"] { 
	font-family: SimSum-18030,SimHei, serif;
}


body { color:#75879C;}
body, table, img, button, iframe  { margin:0; padding:0; border:0; }
img { display:block; float:left; margin:0, padding:0, border:0; }
p {font-size: 100%; line-height:1.2em;}
h1, h2, h3, h4, h5, h6 {background-color:none; font-style:normal; font-variant:normal; 
  font-weight:normal;}
h1{font-size: 1.93em;}
h2{font-size: 1.72em;}
h3{font-size: 1.52em;}
h4{font-size: 1.42em;}
h5{font-size: 1.32em;}
h6{font-size: 1.21em;}

/* our default page-width div */
.pagecontainer { width:900px; text-align:left; font-size:1em;}


/*================= STYLES FOR THE HEADER & CONTROLS ==================*/

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .pageminwidth0 { d\isplay:none; } }

/* header */
#header {
	position:relative;      /* position our child objects relative to this div */
	float:left;
        clear: both;
/* 	vertical-align:top;	         protect from super-large user text sizing */
	border:0;
	margin:0;
	padding:0;
	width:900px;                                  /* white-fill the header width */
	height:100px;                  /* set the overall height above the menu-bar */
	background:#FFFFFF;                          /* FFFFF-white F3F3F3-a very light shade of grey */
	color: #75879C;
/*	font-family: Verdana, tahoma, Arial, PMingLiU,MingLiU, SimSum-18030,SimHei, serif; */
}

#topnav {
	display:block;
	text-align: right;
	border: 0;
	padding: 0;
	margin: 0 10px 0 0;
	font-size: 11px;
}

#sep {
	color: #E0B121;
/*	letter-spacing: -3px;*/
}
#topnav a {
	color: #75879C;
	text-decoration: none;
}

#topnav p {
	margin:0;
}

#logo {
	float:left;
	border:0;
	padding:0;
	margin:10px 0 0 10px;
}

#companyname {
	float:right;
	display: block;
	text-align: right;
	margin:10px 10px 0 0;
	padding:0;
	font-weight: bold;
	letter-spacing: -1px
}

/* END header */

/* Menu */
#prinav {
   float: left;
   clear: both;
	margin: 0;
	border: 0;
	padding: 0;
	background: url("/system/modules/com.fongs.cms/resources/images/menu_bg.jpg");
}

/* END prinav */

/* banner */
#banner {
   float: left;
   clear: both;
	margin: 0;
	border: 0;
	padding: 0;
	width: 750px;
	height: 150px;
}

#banner p {margin:0}

/* END banner */

/* leftcontent */
#leftcontent {
   float: left;
	margin: 0;
	border: 0;
	padding: 0;
	width: 175px;
	height: 100%;
}
/*--------------------------------------------*/
/* midcontent */
#midcontent {
   float: left;
	margin: 0;
	width: 425px;
	border: 0;
	padding: 0;
}

#midcontent img {
	display: block;
	width: 425px;
	margin: 0;
	border: 0;
	padding: 0;
}

#midcontent #item {
	display: block;
	width: 425px;
	margin: 0;
	border: 0;
	padding: 5px;
}

.news {
	position: relative;
	top: 0;
	left: 0;
	width: 391px;
	height: 70px;
	margin: 5px 30px;
	padding: 0;
	font-size: 12px;
	border: 1px solid #7E91A7;
	background: #EEF3F4;
}

.news #photo {
	position: absolute;
	top: 1px;
	left: 1px;
	display: block;
	width: 118px;
	height: 68px;
	margin: 0;
	padding: 0;
	border: 0 1px 0 0 solid #7E91A7;	
}

.news #title {
	position: absolute;
	top: 1px;
	left: 120px;
	display: block;
	width: 265px;
	height: 16px;
	margin: 0;
	padding: 0 0 0 5px;
	border 0 0 1px 0 solid #7E91A7;
	color: #7E91A7;
	font: 12px bold;
	background: url("/opencms/export/system/modules/com.fongs.cms/resources/images/news_title_bg.gif");
}

.news #teaser {
	position: absolute;
	top: 19px;
	left: 120px;
	width: 260px;
	height: 39px;
	margin: 0;
	padding: 0 0 0 10px;
	border: 0;
	color: #000000;
	font: 10px;
}

.news #footer {
	position: absolute;
	display: block;
	bottom: 1px;
	left: 135px;
	margin: 0;
	padding: 0;
	border 1px 0 0 0 solid #7E91A7;
	width: 270px;
	height: 12px;
	color: #7E91A7;
	font-size: 11px;
	font-weidht: bold;
}

.news #footer a{
	float: left;
	text-decoration: none;
}

.news #arrow {
	position: absolute;
	bottom: 0px;
	left: -15px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0;
	padding: 0;
	border: 0;
}

/* END midcontent */

/* widecontent */
#widecontent {
   float: left;
	margin: 0;
	width: 575px;
	hedight:100%;
	border: 0;
	padding: 0;
	background: #FFFFFF;
}

#widecontent #item {
	display: block;
	width: 565px;
	margin: 0;
	border: 0;
	padding: 5px;
	color:black;
/*	font-family: Verdana, tahoma, Arial, PMingLiU,MingLiU, SimSum-18030,SimHei, serif; */
}

#widecontent #sitemap {
	display: block;
	width: 565px;
	margin: 0;
	border: 0;
	padding: 5px;
	color:black;
/*	font-family: Verdana, tahoma, Arial, PMingLiU,MingLiU, SimSum-18030,SimHei, serif; */
	list-style-position:inside;
	marker-offset:auto;
}

#widecontent .img575 {
	display: block;
	width: 575px;
	margin: 0;
	border: 0;
	padding: 0;
}

#widecontent img {
	float: none;
}

#widecontent .figure {
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
}
#widecontent .figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
#widecontent img .scaled {
  width: 100%;
}

#widecontent #item .img565 {
	display: block;
	width: 565px;
	margin: 0;
	border: 0;
	padding: 0;
}

#widecontent #item .row{
	padding: 0 10px 0 10px;
}

#widecontent #item .row p{
	margin: 0;
}

#widecontent #item #link a{
	font-size: 11px;
	letter-spacing: -1px
	color: #75879C;
	text-decoration: none;
}

#widecontent #item .row .clear{
	clear: both;
	color: #CCD4DA;
	background: #CCD4DA;
	height: 2px;
}

#widecontent #item .row .col1{
	float: left;
	text-align: center;
	margin: 0;
	width: 20%;
}

#widecontent #item .row .colhead{
	font-weight: bold;
	text-align: left;
	background: #CCD4DA;
}

#widecontent #item .row .col2{
	float: left;
	margin: 0;
	width: 45%;
}
#widecontent #item .row .col3{
	float: left;
	margin: 0;
	width: 35%;
}

#widecontent #item .row .jobstitle {
	margin: 0;
	font-weight: bold;
}

#widecontent #item .row .jobslink {
	text-decoration: none;
	padding: 0 0 0 40px;
}

#widecontent #jobsitem {
	background: rgb(232, 235, 240);
	padding: 10px;
	color: black;
	display: block;
	width: 555px;
	margin: 0;
	border: 0;
	font-size: 16px;
	font-weight: bold;
}

#widecontent #jobsitemheader {
	background: rgb(150, 165, 181);
	padding: 10px;
	display: block;
	width: 555px;
	margin: 0;
	border: 0;
	color: white;
	font-size: 16px;
	font-weight: bold;
}

/* END widecontent */

/* rightcontent */
#rightcontent {
   float: left;
	margin: 0;
	border: 0;
	padding: 0;
	width: 150px;
	background: #E8EBF0;
}

.rightcontent img {
	display: block;
	width: 150px;
	margin: 0;
	border: 0;
	padding: 0;
}

/* END rightcontent */

/*--------------------------------------------*/

/* footer */
#footer {
	position: relative;
	clear: both;
	margin: 0;
	border: 0;
	padding: 0 0 20px 0;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
/*	font-family: Verdana, tahoma, Arial, PMingLiU,MingLiU, SimSum-18030,SimHei, serif; */
}
/* END footer */

/* secnav */
#secnav {
	postion: absolute;
	top: 0;
	left: 0;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
}

#secnav a {
	color: #75879C;
	text-decoration: none;
}

/* END secnav */

/* copyright */
#copyright {
	margin: 0;
	border: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	height: 1em;
	color: #75879C;
}
/* END copyright */

/* Rounded corner box */
.box_pic1 {background: url(/opencms/opencms/system/modules/com.fongs.cms/resources/images/dot_f3f3f3.gif) 0 0; margin: 10px 0 10px 80px; width: 100%}
.t_pic1 {background: url(/opencms/opencms/system/modules/com.fongs.cms/resources/images/dot_dddddd.gif) 0 0 repeat-x}
.b_pic1 {background: url(/opencms/opencms/system/modules/com.fongs.cms/resources/images/dot_dddddd.gif) 0 100% repeat-x}
.l_pic1 {background: url(/opencms/opencms/system/modules/com.fongs.cms/resources/images/dot_dddddd.gif) 0 0 repeat-y}
.r_pic1 {background: url(/opencms/opencms/system/modules/com.fongs.cms/resources/images/dot_dddddd.gif) 100% 0 repeat-y}
.bl_pic1 {background: url(/opencms/opencms/system/modules/com.fongs.cms/resources/images/bl_pic1.gif) 0 100% no-repeat}
.br_pic1 {background: url(/opencms/opencms/system/modules/com.fongs.cms/resources/images/br_pic1.gif) 100% 100% no-repeat}
.tl_pic1 {background: url(/opencms/opencms/system/modules/com.fongs.cms/resources/images/tl_pic1.gif) 0 0 no-repeat}
.tr_pic1 {background: url(/opencms/opencms/system/modules/com.fongs.cms/resources/images/tr_pic1.gif) 100% 0 no-repeat; text-align: center; padding:5px}
.tr_pic1 img {border: 0}
.caption_pic1 {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0}
.clear {height: 1px}