/* CSS Document */

body,  table, tr, select, button, th, form,td, p
{
font-family: "微軟正黑體","Helvetica", "Arial","Adobe Caslon", "Times New Roman","Times","Apple LiGothic Medium",;font-size:13px;color:#796f54;line-height:18px;
}
A:link {
	COLOR: #7f522d; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #c15700; TEXT-DECORATION: none;
}


.input1  {
	font-family: "微軟正黑體","Arial", "Helvetica", "geneva,sans-serif"; 
	font-size: 12px;
	color:#585858;
	border-style:solid; 
    border-width:1px; 
    padding:4px 3px 3px 3px;
    border-color:#ffffff;
}
.input2  {
	font-family: "微軟正黑體","Arial", "Helvetica", "geneva,sans-serif"; 
	font-size: 11px;
	color:#585858;
	border-style:solid; 
    border-width:1px; 
    padding:3px;
    border-color:#dbdbdb;
}
.input3  {
	font-family: "微軟正黑體","Arial", "Helvetica", "geneva,sans-serif"; 
	font-size: 11px;
	color:#6f6f6f;
	border-style:solid; 
    border-width:1px;   
    border-color: transparent; 
    background-color: transparent;
	padding-top:3px;padding-bottom:3px;padding-left:0px;padding-right:5px;
    line-height: 15px; 
}


.button01  {/* button */
	font-family: "微軟正黑體","Arial", "Helvetica", "geneva,sans-serif"; 
	font-size: 12px;
	color:#585858;
    padding:3px 2px 1px 2px;
}

/* links */

.date_s {
	font-family: "微軟正黑體","Helvetica", "Arial","Verdana",  "sans-serif";
	font-size: 12px;
	font-weight: bold;
	color: #e7e0c9;
}
.date_s a {
	color: #e7e0c9;	text-decoration: none;}
.date_s a:hover{
	color: #8d846a;	text-decoration: none;
}


.list01 { /* dark green-index */
	font-family:  "微軟正黑體","Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 13px;
	color: #796f54;
	line-height:18px;}
.list01 a {
	color: #796f54;	text-decoration: none;}
.list01 a:hover{
	color: #c15700;	text-decoration: none;
}

.list02 { /* dark green-calendar */
	font-family:  "微軟正黑體","Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 15px;
	color: #796f54;
	font-weight: bold;
	line-height:19px;}
.list02 a {
	color: #796f54;	text-decoration: none;}
.list02 a:hover{
	color: #c15700;	text-decoration: none;
}

.list03 { /* red brown-index-btm */
	font-family:  "微軟正黑體","Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 12px;
	color: #7f522d;
	line-height:19px;}
.list03 a {
	color: #7f522d;	text-decoration: none;}
.list03 a:hover{
	color: #c15700;	text-decoration: none;
}

.list04 { /* dark green-index */
	font-family:  "微軟正黑體","Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 12px;
	color: #7f522d;
	line-height:18px;}
.list04 a {
	color: #796f54;	text-decoration: none;}
.list04 a:hover{
	color: #c15700;	text-decoration: none;
}

.link01 { /* red brown */
	font-family:  "微軟正黑體","Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 12px;
	color: #7f522d;
	line-height:16px;}
.link01 a {
	color: #7f522d;	text-decoration: none;}
.link01 a:hover{
	color: #c15700;	text-decoration: none;
}
.link02 { /* red brown */
	font-family:  "微軟正黑體","Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 13px;
	color: #796f54;
	line-height:17px;}
.link02 a {
	color: #7f522d;	text-decoration: none;}
.link02 a:hover{
	color: #c15700;	text-decoration: none;
}

.link03 {
	font-family: "微軟正黑體","Helvetica", "Arial","Verdana",  "sans-serif";
	font-size: 12px;
	color: #e7e0c9;
}
.link03 a {
	color: #e7e0c9;	text-decoration: none;}
.link03 a:hover{
	color: #e0a06b;	text-decoration: none;
}

.sub01 { 
	font-family:  "微軟正黑體","Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 13px;
	color: #ffffff;
	line-height:16px;}
.sub01 a {
	color: #ffffff;	text-decoration: none;}
.sub01 a:hover{
	color: #e0a06b;	 text-decoration: none;
}

.sub02 { /* sub-left dark-bkg */
	font-family:  "微軟正黑體","Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 12px;
	color: #dcd9cd;
	line-height:16px;}
.sub02 a {
	color: #dcd9cd;	text-decoration: none;}
.sub02 a:hover{
	color: #796f54;	 text-decoration: none;
}

.sub03 { /* sub-left dark-bkg */
	font-size:14px;
	font-family:"微軟正黑體", "Helvetica", "Arial","Adobe Caslon", "Times New Roman","Times","Apple LiGothic Medium",;
	color: #c4ad70;
	line-height:16px;}
.sub03 a {
	color: #dcd9cd;	text-decoration: none;}
.sub03 a:hover{
	color: #89966a;	 text-decoration: none;
}

/* T */
.T01 {/* sub T */
	font-family: "微軟正黑體","Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 18px;
	font-weight: bold;
	color: #796f54;
    line-height: 24px; 
}
.T01 a {
	color: #796f54;	text-decoration: none;}
.T01 a:hover{
	color: #c15700;	 text-decoration: none;
}

.T02 {/* sub T */
	font-family: "微軟正黑體","Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 15px;
	font-weight: bold;
	color: #796f54;
    line-height: 20px; 
}

.T03 {/* index T */
	font-family:"微軟正黑體",  "Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 15px;
	color: #796f54;
    line-height: 24px; 
}

.T04 {/* sub T */
	font-family: "微軟正黑體","Arial", "Helvetica", "sans-serif","Verdana",;
	font-size: 13px;
	color: #796f54;
    line-height: 20px; 
}

/* text  */

.text01 { 
	font-family: "微軟正黑體","Arial", "Verdana", "Helvetica", "sans-serif";
	font-size: 13px;
	color: #000000;
    line-height: 17px; 
}
.text01 a {
	color: #2078BB;	text-decoration: none;}
.text01 a:hover{
	color: #2078BB;	text-decoration: underline;
}

.right { 
	font-family: "微軟正黑體","Arial", "Verdana", "Helvetica", "sans-serif";
	font-size: 11px;
	color: #796f54;
    line-height: 17px; 
}
.right a {
	color: #796f54;	text-decoration: none;}
.right a:hover{
	color: #796f54;	text-decoration: underline;
}


/*----------------------------------------
 left-menu
----------------------------------------*/
	
ul#global_navi {
	padding:0px;
	margin:0px;
	width:190px;
	}	

ul#global_navi li {
	list-style:none;
	}
ul#global_navi li a {
	display:block;
	color:#e7e0c9;
	font-size:14px;
	font-family:"微軟正黑體", "Helvetica", "Arial","Adobe Caslon", "Times New Roman","Times","Apple LiGothic Medium",;
	padding: 7px 25px 7px;
	list-style:none;
	text-decoration:none;
	border-bottom:1px solid #9e7d5c;
	}
ul#global_navi li.expandable a{
	color:#e7e0c9;
	}
	
ul#global_navi li a:hover {
	color:#da8844;
	}


/*第2層的連結設定*/	
ul#global_navi li.dp ul{
	padding:0px;
	}
ul#global_navi li.dp ul li a {
	font-size:13px;
	padding:6px 20px 5px 42px;
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180906171045/http://www.tipp.org.tw/images/sub-icon.gif) top no-repeat #9c6d47;
	background-position:28px 0px;
	color:#dccaaf;
	}
ul#global_navi li.dp ul li a:hover {
	background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180906171045/http://www.tipp.org.tw/images/sub-icon_ov.gif) top no-repeat #9c6d47;
	background-position:28px 0px;
	color:#da8844;
	}



/*----------------------------------------
 sub menu
----------------------------------------*/

#menu {
  position: relative;
  height: 37px;
  width: auto;
  margin:0px 0px 0px;
}
#menu ul {
  list-style: none;
  position: relative;
  padding: 0px;
  margin: 0px;
}

#menu:after,
#menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#menu > ul > li {
  display: inline-block;
  font-size:13px;
  line-height:15px;
  font-family:"微軟正黑體", "Helvetica", "Arial","Adobe Caslon", "Times New Roman","Times","Apple LiGothic Medium",;
  color: #ffffff;
  margin: 0px 0px;
  padding: 0px 0px;
  width:auto;
  height:auto;
  background-color:#796f54;
  -moz-border-radius: 8px 8px 0px 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
}

#menu ul li a {
  display: block;
  color: #796f54;
  width:auto;/*設定連結區塊的寬度*/
  padding: 10px 10px;
  margin:0px 0px 0px 0px;
  border: 1px solid #dbdbdb;
  
  -moz-border-radius: 8px 8px 0px 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -ms-border-top-left-radius: 8px;
  -ms-border-top-right-radius: 8px;
  background: -webkit-linear-gradient(rgba(214,214,214,1),rgba(255,255,255,1),rgba(255,255,255,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(214,214,214,1),rgba(255,255,255,1),rgba(255,255,255,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(214,214,214,1),rgba(255,255,255,1),rgba(255,255,255,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(214,214,214,1), rgba(255,255,255,1),rgba(255,255,255,1)); /*Standard*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#FFFFFF',GradientType=0 );
}
div#menu ul li a:hover {
	color: #7c963d;
	}

	
#menu .on {
	border: 1px solid #796f54;
	padding:10px 10px;
	}

	
#menu2 {
  position: relative;
  height: 37px;
  width: auto;
  margin:0px 0px 0px;
}
#menu2 ul {
  list-style: none;
  position: relative;
  padding: 0px;
  margin: 0px;
}

#menu2:after,
#menu2 > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#menu2 > ul > li {
  display: inline-block;
  font-size:13px;
  line-height:15px;
  font-family:"微軟正黑體", "Helvetica", "Arial","Adobe Caslon", "Times New Roman","Times","Apple LiGothic Medium",;
  color: #ffffff;
  margin: 0px 0px;
  padding: 0px 0px;
  width:auto;
  height:auto;
  background-color:#FF6600;
  -moz-border-radius: 8px 8px 0px 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
}

#menu2 ul li a {
  display: block;
  color: #FF6600;
  width:auto;/*設定連結區塊的寬度*/
  padding: 10px 10px;
  margin:0px 0px 0px 0px;
  border: 1px solid #dbdbdb;
  
  -moz-border-radius: 8px 8px 0px 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -ms-border-top-left-radius: 8px;
  -ms-border-top-right-radius: 8px;
  background: -webkit-linear-gradient(rgba(214,214,214,1),rgba(255,255,255,1),rgba(255,255,255,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(rgba(214,214,214,1),rgba(255,255,255,1),rgba(255,255,255,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(rgba(214,214,214,1),rgba(255,255,255,1),rgba(255,255,255,1)); /*Fx 3.6-15*/
  background: linear-gradient(rgba(214,214,214,1), rgba(255,255,255,1),rgba(255,255,255,1)); /*Standard*/
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#FFFFFF',GradientType=0 );
}
div#menu2 ul li a:hover {
	color: #7c963d;
	}
#menu2 .on {
border: 1px solid #FF6600;
padding:10px 10px;
}
	
#myHiddenDiv {display:none;}  
#myHiddenDiv2 {display:none;}            
.popup {background:#FFF; border:1px solid #333; padding:1px;}  
.popup-header {height:24px; padding:7px; background:url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180906171045/http://www.tipp.org.tw/images/bgr_popup_header.jpg") repeat-x;}  
.popup-header h2 {margin:0; padding:0; font-size:18px; float:left;}  
.popup-header .close-link {float:right; font-size:11px;}  
.popup-body {padding:10px;height:550px}  	





/*
     FILE ARCHIVED ON 17:10:45 九月 6, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 11:02:58 五月 24, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
