@charset "utf-8";
* { margin: 0; padding: 0;}
body{ background:#005068; color: #333; font-family: Verdana, Geneva, sans-serif; font-size:12px; }
a, a:link, a:visited { color: #920000; text-decoration: none; }
a:hover, a:active { color: #005068; text-decoration: underline; }
a img {border: none;}
h1, h2, h3{ font-size:16px; font-weight:bold; color: #0099cc; padding-bottom: 8px;}
h3 {font-size: 12px;}
h2 {font-size: 14px;}
#wrapper { width:930px; margin:0 auto; position: relative; padding-left:20px; padding-right:20px; background-color:#FFFFFF; padding-bottom:30px;}
p,ul{ margin-bottom:10px; line-height: 18px;}
.left ul {margin-left: 25px;}
#asx{ position: absolute; height: 30px; top:10px; left: 730px; background: url(asx_logo.png) 0 0 no-repeat; padding: 1px 0 0 75px; font-size:10px; }
#asx span{ color: #07437B; font-size: 11px; font-weight: bold; }
.wrap{ width:950px; height:auto !important; overflow: hidden; margin-top:8px; }
.left{ width:530px; float:left; padding: 10px 0 0 0px; background-color:#ebeff0; }
.right{ float:right; width:405px; position: relative; padding-top:2px;}
#latest-news { list-style: none; padding: 5px; position:relative; font-size: 11px;}
#latest-news li{padding: 2px; clear:both; line-height:15px;}
#latest-news li span, #latest-news li a {float: left;}
#latest-news a{font-size: 12px; width: 295px;}
#inmedia{width:382px; overflow:auto;}
#inmedia dl{height:318px;}
#inmedia dd{font-size:10px; padding-bottom:10px;}
#projects a{float:left;margin-right:5px; position: relative;margin:0 5px 5px 0;}
#projects a h2 { position: absolute; text-align: center; bottom:0;left:0; width:100%; font-size: 14px; display: none; font-weight: bold; color:#eee;background: url(35alpha_bg.png); line-height:20px; padding:8px 0;}
#projects a:hover{ text-decoration: none;}
#projects a:hover h2 {display: block;}
.footer{ height:40px; line-height:40px; color:#fff; background-color:#434952; width:910px;padding-left:20px; margin-top: 20px;}
#nav{background-color:#005068; height:30px; margin-bottom:10px;margin-top:10px;}
#nav ul{ position:relative; width:930px;  list-style: none; z-index:90;}
#nav li{ position: relative; float:left;}
#nav li a{ display: block; float:left; color: #eee; background-color: transparent; line-height: 30px; height: 30px; padding: 0 20px; }
#nav li a:hover, .nav li a:active { text-decoration: none; background-color: #eee; color: #005068;}
#nav li ul { position: absolute; background-color:#005068; width: 200px; display: none; position: absolute; z-index: 99; left: 0; top:30px;}
#nav li:hover>ul { display: block; }
#nav li ul li { float:none; height:24px;}
#nav li ul li a { float:none; line-height: 24px; height: 24px; padding: 0 5px; padding-left: 8px; font-size: 11px;}
#nav li ul li ul { top: 0; left: 200px; z-index: 999; display: none; width: 180px; }
#nav li ul li:hover>ul { display: block; }
#nav li.has_sub{ background: url(arrow.png) right center no-repeat; }
#portfolio {  list-style:none; overflow:hidden; }
table p{ color:#000; }
table td, table th{ font-size:12px; font-family: Arial, Helvetica, sans-serif; padding:5px;}
.slogan{ position:absolute; top:425px; left:0; font-size: 18px; color: #eee; font-style: italic; z-index:999; background-image:url(../image/slogan_bg.png); padding:16px; font-family:Tahoma, Geneva, sans-serif;}
.content{ width:910px;margin-top:15px;}
.content ul{margin-left: 15px;padding: 5px;}
.content ul li { line-height: 20px;}
#project_map{ clear:both;overflow:hidden; text-align: center;}
#project_map a:hover{ text-decoration: none;}
#project_map small{ display:block;margin-top: -8px;}
.content ul li span.time { padding-right:10px; }
/*forms*/
div.error{position:absolute; left:160px; margin-top:-23px;color:#c00; font-weight: bold;}
.form_row{clear: both; overflow: auto; }
.input_unit{float: left; padding: 5px;}
.input_label{ font-size: 11px; padding-bottom:2px; }
form input, form textarea { background: #CBDCED; font-size: 13px; padding: 2px; border: 1px solid #eee; }
form input:focus, form textarea:focus { border-color: #69c; }
form input.error, form textarea.error {border-color:#c00;}
form input[type=submit]{ font-weight: bold; padding: 2px 10px;}
form input[type=submit]:hover{ background: #69c; color: #eee; }
a.video_link { background: url(video.gif) right -2px no-repeat; padding-right: 26px; }

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
	width: 551px;
	padding-bottom:10px;
}

.jcarousel-prev, .jcarousel-next{
	position: absolute;
	cursor: pointer;
	width: 30px;
	height: 30px;
	background: transparent url('fancy_left.png') no-repeat;
	top: 72px;
	left: -15px;
}

.jcarousel-next{
	background: transparent url('fancy_right.png') no-repeat;
	top: 70px;
	left: 536px;
}

.jcarousel-clip {
    z-index: 2;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 177px;
    height: 177px;
	margin: 0;
	padding: 0;
	margin-right: 10px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/*Gallery*/
ul.gal_list_ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.gal_list_ul a.gal_photo_a, ul.gal_list a.gal_photo_a:visited{
	display: block;
	border: 1px #2C002C solid;
	width: 175px;
	height: 175px;
	overflow: hidden;
}

ul.gal_list_ul a.gal_photo_a:hover, ul.gal_list_ul a.gal_photo_a:active{
	border: 1px #ccc solid;
}


/*fancy box*/
div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
	color: #f1f1f1;
}

div#fancy_title div {
	font-size: 13px;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_right.png) repeat-x;
}
table.data_chart{
border-collapse: collapse; border: 1px #222 solid;
}
table.data_chart thead{
background: #0D4D69;
color: #f1f1f1;
font-weight: bold;
text-align: center;
}
table.data_chart td{
border:1px #222 solid;
font-weight: bold;
}
table.data_chart tr.even{
background: #81A6B4;
}