@charset "big5";

/*---------------------------------------------------------------
!!! ¶È¾A¥Î©ó !!!
visual & css design by 
2010 / 8
----------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	color: #4c4c4c;
}

a:link         {color: #535353; text-decoration: none;}
a:visited      {color: #535353; text-decoration: none;}
a:active       {color: #535353; text-decoration: none;}
a:hover        {color: #800080; text-decoration: underline;}

#wrapper {
	position:relative;
	margin:0 auto;
}

#header {
	position:relative;
	width:1002px;
	margin:0 auto;
}

table {
	border: 0px;
	border-collapse:collapse;
}

img {border:0; vertical-align:bottom;}


.content {
background-color:#b1c0c5; width:740px;
}


/*  bg images
----------------------------------------------------------------------------------------------------*/
#container{background-attachment: fixed; 
           background-image: url("../images/bg.jpg"); 
           background-repeat: repeat-x;}

/*  menu images
----------------------------------------------------------------------------------------------------*/
.menubg   {background: url('../images/left/bg.jpg') repeat;}
.menubg0   {background: url('../images/left/bg0.jpg') repeat;}


#leftMenuSe{ margin: 0 0 0 38px; list-style: none;}
#leftMenuSe li{
	background: url(../images/point_06.gif) left top no-repeat;
	background-position: 0 10px;
	padding: 7px 0 5px 25px; border-bottom: 1px #999999 dotted;}


/*  index meeting
----------------------------------------------------------------------------------------------------*/
#meb{ padding-top:10px;}
#mebox{ border: 0; width: 781px; margin: 0;}
.me01{ background:url(../images/index/m001.jpg) no-repeat; width: 781; height: 8px;}
.me02{ background:url(../images/index/m005.jpg) repeat-y; vertical-align:top; width: 96px;}
.me03{ background: #EFEFEF; width: 641px; padding: 5px 20px 5px 15px; vertical-align: top;}
.me04{ background:url(../images/index/m003.jpg) repeat-y; width: 9px;}
.me05{ background:url(../images/index/m004.jpg) no-repeat; width: 781; height: 8px;}
.me06{ width: 530px; vertical-align: text-top; border-bottom: 1px #666666 dotted; line-height: 30px;}
.me07{ width: 100px; vertical-align: text-top; text-align: center; border-bottom: 1px #666666 dotted; line-height: 30px; padding-bottom: 3px;}
.medot{ width: 20px; text-align:center; vertical-align: top; border-bottom: 1px #666666 dotted; line-height: 30px;}




/*  main images
----------------------------------------------------------------------------------------------------*/
.mainbg   {background: url('../images/main/right.jpg') repeat;}


/*  word
----------------------------------------------------------------------------------------------------*/
.word  { text-align:justify;text-justify:inter-ideograph; line-height: 20pt; height: 30px; padding: 3px;}
.eng   { text-align:justify;text-justify:inter-ideograph; font-family: "Arial"; line-height: 15pt;}


/*  index
----------------------------------------------------------------------------------------------------*/
.leftNewsBg{background: url('../images/main/ldn.jpg') no-repeat; width: 388px; height: 10px; font-size: 0px;}
.righNewsBg{background: url('../images/main/rdn.jpg') no-repeat; width: 385px; height: 10px; font-size: 0px;}


/* index banner
----------------------------------------------------------------------------------------------------*/
div#indexbanner{ 
     display:block;
	 width:758px;
	 height:200px;
	 margin:10px 8px 10px 3px;
	 padding:10px 10px;
	 background:#EBEBEB;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
}
div#indexbanner img{ border:1px #999 solid;}

div#indexbanner ul{ list-style:none;}
div#indexbanner ul li{ float:left; vertical-align:top; margin-right:30px; width: 120px; text-align: center;}
div#indexbanner ul li img{ margin-bottom:5px;}

/* main
----------------------------------------------------------------------------------------------------*/
#tt {padding-left:27px; 
     padding-right:15px; 
     padding-top:20px;  
     font-size: 13px; 
	 font-family: "Times New Roman", Times, serif; 
     font-color: #4c4c4c; 
     line-height: 18pt;
     width:735px;}
     
#tt01{font-size: 13px; line-height: 18pt; font-color: #4c4c4c; font-family: "Times New Roman", Times, serif; padding: 5px;}
#tt02{background: url('../images/line.jpg') repeat; font-size: 13px; line-height: 18pt; font-color: #4c4c4c; font-family: "Times New Roman", Times, serif; padding: 5px;}
  
.tt td{padding:10px;}
.tt01 {width:500px;background-color:#ebe3d8;}
.tt01 td{padding:10px;border-bottom:1px solid #ffffff;}
.tt02 {background-color:#fcf1e1;}



/* news
----------------------------------------------------------------------------------------------------*/
.news     { background-color:#c9edf4; text-align:center;}


/* Academic icon
----------------------------------------------------------------------------------------------------*/
#icon_box{ text-align: left; vertical-align: top; height-top: 65px; text-align: center; line-height: 22px; text-decoration: none;}
div#icon_aca table tr td div{ width: 80px; background-color: #FFDFEA; border: 1px #999999 solid;}
div#icon_aca table tr td div.spacbox{ border-radius:8px;}
div#icon_aca table tr td + td + td div{ width: 80px; background-color: #DBECB5; border: 1px #999999 solid;}
div#icon_aca table tr td + td + td  div.spacbox{ border-radius:8px;}
div#icon_aca table tr td + td + td + td + td div{ width: 145px; background-color:#BEE4F3; border: 1px #999999 solid;}
div#icon_aca table tr td + td + td + td + td  div.spacbox{ border-radius:8px;}
div#icon_aca table tr td + td + td + td + td + td + td div{ width: 145px; background-color:#BEE4F3; border: 1px #999999 solid;}
div#icon_aca table tr td + td + td + td + td + td + td  div.spacbox{ border-radius:8px;}
div#icon_aca table tr td + td + td + td + td + td + td + td + td div{ width: 141px; background-color:#D4BCF5; border: 1px #999999 solid; height: 44px; line-height:44px;}
div#icon_aca table tr td + td + td + td + td + td + td + td + td  div.spacbox{ border-radius:8px;}
div#icon_aca table tr td + td + td + td + td + td + td + td + td + td + td div{ width: 141px; background-color:#D4BCF5; border: 1px #999999 solid; height: 44px; line-height:44px;}

div#icon_aca .spac{ width:3px; background: #FFFFFF;}
div#icon_aca .spacbox{ border-radius:8px;}

div#aca004{margin-top:20px; margin-bottom:20px;}
div#aca004 td{ width:50px; text-align:left; font-size:15px; line-height:22pt; vertical-align:top;}
div#aca004 td + td{ width:110px;}
div#aca004 td + td + td{ width:544px;}




/* mit
----------------------------------------------------------------------------------------------------*/
.wordmit  { font-size: 13px; font-family: Arial; line-height: 18pt;}


/* product
----------------------------------------------------------------------------------------------------*/
.pic      { border: 1px #dce0e2 solid; width:230px; height:169px; text-align:center;}
.picinfo  { border: 1px #919191 solid; width:470px; height:400px; text-align:center}
.picinfos { border: 1px #dce0e2 solid; width:60px; height:60; text-align:center;}
.spic     { width:60px; height:60px; text-align:center;}
.name     { padding: 3px; font-size: 13px; font-family: Arial; text-align:right;}
.map      { background-color:#DCE0E2; text-align:justify;text-justify:inter-ideograph; line-height: 20pt; height: 30px; padding: 3px; color: #800000; font-weight:bold;}
.word_p   { height:31px; padding: 3px; color:#666666; line-height: 18pt;}


/* Union
----------------------------------------------------------------------------------------------------*/
.un_title{ text-align:center; background:#006699;}
.un_title span{ color:#FFFFFF;}
.un_cont{ text-align:center; background:#C9EDF4;}

#un_text{ width:730px;padding-bottom:10px; text-align:center;}

#un_idno{ background:#006699; padding-left:5px; vertical-align:top;}
#un_idno span{ color:#FFF;}
#un_01{ background:#C9EDF4; vertical-align:top; text-align:right; padding-left:5px;}
#un_02{ width:80px; vertical-align:top; padding-left:5px;}
#un_03{ background:#006699; text-align:center;}
#un_03 span{ color:#FFFFFF; font-size:10pt;}
#un_04{ width:55px; background:#006699; text-align:center;}
#un_04 span{ color:#FFFFFF; font-size:10pt;}
#un_05{ padding-left:5px; font-size:10pt;}
#un_06{ width:55px; font-size:10pt; text-align:center;}



/* ........Line........ */
.lineMain{
	background: url(../images/main/upline.gif) top repeat-y;
	font-size:0px;
}


/* ........goTop........ */

.goTop{
	position:absolute;
	z-index:1;
	left: 965px;
}
.goTop:not([class*=""]) {padding-top: 0px;}/**firefox**/
*+html .goTop{margin-top: 38px;}/**ie7**/



/*  footer
----------------------------------------------------------------------------------------------------*/
.footerAddress{ padding: 13px;}
.footbg {background: url('../images/downBg.jpg') repeat; height: 108px;}

.hideThis {
	DISPLAY: none
}