@charset "utf-8";

/* GENERAL DEFINITION */
* {margin:0;padding:0}
html, body {color:#7f7f7f;font:83%/1.5 arial,tahoma,verdana,sans-serif; }
img {border:none; margin:0px;};

body{
	height:422px;
	width:730px;
}

#holder {
	height:422px;
	width:730px;
	position:relative;
}

#holder #title {
	position:relative;
	height:64px;
	width:707px;
	background-position: 0px 0px;
	background-repeat:no-repeat;
	background-image:url(img/title_bk.png);
}

#holder #title img {
	position:absolute;
	top:20px;
	left:10px;
}

#holder #body {
	position:relative;
	height:400px;
	width:797px;
	padding:5px;
	font-size:13px;
	color:#525252;
}

#holder #sr_body {
	position:relative;
	height:400px;
	width:797px;
	font-size:13px;
	color:#525252;
}

#holder #body .tbg {
   background-color: #ffffff;  /* the background          */
   filter:alpha(opacity=50);   /* Internet Explorer       */
   -moz-opacity:0.5;           /* Mozilla 1.6 and below   */
   opacity: 0.5;               /* newer Mozilla and CSS-3 */
   height:150px;
   width:150px;
}

#sr_menu{
	height:358px;
	width:170px;
	position:absolute;
	top:2px;
	left:0px;
	background-color:#cecece;
}

#sr_menu #wrapper_holder, #sr_menu #acc_wrapper_holder{
	border:1px #ffffff solid;
	margin: 12px 0px 0px 6px;
	overflow: hidden; 
	height: 332px; 
	width: 156px;
	position: relative;	
}


#wrapper_holder #bar #m_up{
	margin:0px;
	padding:0px;
	vertical-align:top;
}

#wrapper_holder #bar #m_down{
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

#wrapper_holder #bar{
	height: 326px; 
	position: absolute;
	top:3px;
	left:136px;
}

#wrapper_holder #wrapper{
	margin: 0px;
	overflow: hidden; 
	height: 326px; 
	width: 130px;
	position: absolute;
	top:3px;
	left:3px;
}

#wrapper_holder #wrapper #inner{
	height:350px;
	position: relative;
}

#wrapper_holder #wrapper #inner a:hover img{
	border:solid 2px #aaaaaa;
	width:125px;
	height:75px;
}
 
#wrapper_holder {
	width: 130px;
	height: 320px;
	position: relative;
}

/**/
#acc_wrapper_holder #bar #m_prev{
	margin:0px;
	padding:0px;
	position:absolute;
	top:2px;
	left:0px;
}

#acc_wrapper_holder #bar #m_next{
	margin:0px;
	padding:0px;
	position:absolute;
	top:2px;
	left:102px;
}

#acc_wrapper_holder #bar{
	height: 20px; 
	width: 151px;
	position: absolute;
	top:3px;
	left:3px;
}

#acc_wrapper_holder #wrapper{
	margin: 0px;
	overflow: hidden; 
	height: 306px; 
	width: 150px;
	position: absolute;
	top:23px;
	left:3px;
}

#acc_wrapper_holder #wrapper #inner{
	height:306px;
	position: relative;
	background-color:#FFFFFF;
	width:1000000px;
}

#acc_wrapper_holder #wrapper #inner a {
	clear:none;
	float:inherit;
}

#acc_wrapper_holder #wrapper #inner a img{
	clear:none;
	float:left;
}

#acc_wrapper_holder #wrapper #inner a:hover img{
	border:solid 3px #aaaaaa;
	clear:none;
	width:145px;
	height:301px;
	float:left;	
}
 
#acc_wrapper_holder {
	width: 150px;
	height: 320px;
	position: relative;
}
/**/

#sr_title{
	height:357px;
	width:130px;
	background-color:#cecece;
	position:absolute;
	top:2px;
	left:172px;
	font-size:12px;
	font-weight:600;
	padding:5px;
	padding-top:10px;
	color:#111111;
    filter:alpha(opacity=60);   /* Internet Explorer       */
    -moz-opacity:0.6;           /* Mozilla 1.6 and below   */
    opacity: 0.6;               /* newer Mozilla and CSS-3 */		
}

#sr_desc{
	height:357px;
	width:393px;
	position:absolute;
	top:2px;
	left:314px;	
}

#sr_desc #t {
	position:absolute;
	top:10px;
	left:0px;
}

#sr_desc #det {
	position:absolute;
	top:38px;
	left:0px;
	height:319px;
	width:393px;
	margin:0px;
	padding:0px;
	margin-top:0px;
	background-color:#cecece;
    filter:alpha(opacity=60);   /* Internet Explorer       */
    -moz-opacity:0.6;           /* Mozilla 1.6 and below   */
    opacity: 0.6;               /* newer Mozilla and CSS-3 */		
}

#sr_desc #det_c {
	position:absolute;
	top:45px;
	left:7px;
}

#sr_desc #det_c .large{
	margin-top:9px;
	border:1px solid #CCCCCC;
}

/* About Us Page */
#about_body {
	position:relative;
	margin-top:3px;
	border: solid 2px #CCCCCC;
	height:352px;
	width:703px;
}

#about_body #t{
	position:absolute;
	left:5px;
	top:10px;
}

#about_body #txt{
	position:absolute;
	left:15px;
	top:40px;
	color:#666666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:500;
}

#about_body #thumbs {
	position:absolute;
	left:10px;
	top:190px;
}

#about_body #thumbs #s {
	width:384px;
	height:124px;
	background-color:#000000;
    filter:alpha(opacity=15);  /* Internet Explorer       */
    -moz-opacity:0.15;           /* Mozilla 1.6 and below   */
    opacity: 0.15;               /* newer Mozilla and CSS-3 */	
	position:absolute;
	top:5px;
	left:5px;
}

#about_body #thumbs #c {
	width:372px;
	height:112px;
	background:#FFFFFF;
	position:absolute;
	top:0px;
	left:0px;
	border:solid 1px #dddddd;
	padding:5px;
}

#about_body #thumbs #c img {
	margin:1px;
}

#about_body #thumbs #c a:hover img {
	border:solid 2px #cccccc;
	width:66px;
	height:48px;
}

#about_body #abg {
	position:absolute;
	top:0px;
	left:230px;
}

#about_body #img {
	position:absolute;
	left:415px;
	top:80px;
}

#about_body #img #s {
	width:270px;
	height:200px;
	background-color:#000000;
    filter:alpha(opacity=15);  /* Internet Explorer       */
    -moz-opacity:0.15;           /* Mozilla 1.6 and below   */
    opacity: 0.15;               /* newer Mozilla and CSS-3 */	
	position:absolute;
	top:5px;
	left:5px;
}

#about_body #img img{
	position:absolute;
	top:0px;
	left:0px;
}

#about_body #bg {
	position:absolute;
}

#about_body #tbg {
	position:absolute;
	filter:alpha(opacity=80);  /* Internet Explorer       */
    -moz-opacity:0.8;           /* Mozilla 1.6 and below   */
    opacity: 0.8;               /* newer Mozilla and CSS-3 */	
}

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(img/tooltip.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(img/tooltip.png) bottom right;
}


#contact_body {
	position:relative;
	margin-top:3px;
	border:hidden 2px #CCCCCC;
	height:352px;
	width:703px;
}

#contact_body .contact {
	margin: 2px 0px 0px 40px;
}

#contact_body .contact .h{
	font-family: Helvetica, sans-serif, Arial;
	font-size:12px;
	font-weight:600;
	color:#666666;
}

#contact_body .contact td{
	font-family: Helvetica, sans-serif, Arial, "新細明體", "細明體";
	font-size:11px;
	font-weight:600;
	color:#666666;
	letter-spacing:0px;
}

#home_bg {
	position:absolute;
	top:1px;
	left:118px;
	filter:alpha(opacity=90);  /* Internet Explorer       */
    -moz-opacity:0.9;           /* Mozilla 1.6 and below   */
    opacity: 0.9;               /* newer Mozilla and CSS-3 */		
}

#welcome_title {
	position:absolute;
	top:35px;
	left:0px;
}

#news_title {
	position:absolute;
	top:190px;
	left:0px;
}

#home_msg {
	position:absolute;
	top:75px;
	left:10px;
	width:340px;
	height:100px;
	text-align:justify;
	font-size:13px;
	color:#555555;
}

#news_board {
	position:absolute;
	top:220px;
	left:10px;
	width:340px;
	height:190px;
	background-color:#333333;
	filter:alpha(opacity=20);  /* Internet Explorer       */
    -moz-opacity:0.2;           /* Mozilla 1.6 and below   */
    opacity: 0.2;               /* newer Mozilla and CSS-3 */		
}

#news {
	position:absolute;
	top:220px;
	left:10px;
	width:340px;
	height:180px;
	text-align:justify;
	font-size:13px;
	color:#555555;
	margin:5px;
}

#news #n_wrapper{
	margin: 0px;
	overflow: hidden; 
	height: 150px; 
	width: 327px;
	position: absolute;
	top:0px;
	left:0px;
}

#news #n_wrapper #n_inner{
	height:150px;
	position: relative;
}

#news .news_item b{
	font-weight:600;
	font-size:15px;
	margin-bottom:3px;
}

#news .news_item {
	margin-bottom:4px;
	font-size:12px;
}

#news_btn {
	position:absolute;
	top:153px;
	left:303px;
}