@charset "UTF-8";
/* CSS Document */
header{
	background:#EFFAB4 url(../images/bg_2.png) no-repeat right top;
	}	
article h1{
background: rgb(245,105,145); /* Old browsers */
background: -moz-linear-gradient(top, rgba(245,105,145,1) 0%, rgba(255,159,128,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,105,145,1)), color-stop(100%,rgba(255,159,128,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(245,105,145,1) 0%,rgba(255,159,128,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(245,105,145,1) 0%,rgba(255,159,128,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(245,105,145,1) 0%,rgba(255,159,128,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(245,105,145,1) 0%,rgba(255,159,128,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f56991', endColorstr='#ff9f80',GradientType=0 ); /* IE6-9 */

}
footer{
background: rgb(255,159,128); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,159,128,1) 0%, rgba(245,105,145,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,159,128,1)), color-stop(100%,rgba(245,105,145,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,159,128,1) 0%,rgba(245,105,145,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,159,128,1) 0%,rgba(245,105,145,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,159,128,1) 0%,rgba(245,105,145,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,159,128,1) 0%,rgba(245,105,145,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f80', endColorstr='#f56991',GradientType=0 ); /* IE6-9 */
}
/*logo*/
.logo a{
	font-family:chinese;
	color:#06C;
	text-shadow:0px 0px 4px #fff, 0px 0px 6px #ccc;
}

/*cate*/

ul.cate {
background: rgb(209,242,165); /* Old browsers */
background: -moz-linear-gradient(top, rgba(209,242,165,1) 0%, rgba(164,216,119,1) 53%, rgba(239,250,180,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,242,165,1)), color-stop(53%,rgba(164,216,119,1)), color-stop(100%,rgba(239,250,180,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(209,242,165,1) 0%,rgba(164,216,119,1) 53%,rgba(239,250,180,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(209,242,165,1) 0%,rgba(164,216,119,1) 53%,rgba(239,250,180,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(209,242,165,1) 0%,rgba(164,216,119,1) 53%,rgba(239,250,180,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(209,242,165,1) 0%,rgba(164,216,119,1) 53%,rgba(239,250,180,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f2a5', endColorstr='#effab4',GradientType=0 ); /* IE6-9 */

}
ul.cate li {
	border: 1px solid rgb(209,242,165);

background: rgb(209,242,165); /* Old browsers */
background: -moz-linear-gradient(top, rgba(209,242,165,1) 0%, rgba(164,216,119,1) 53%, rgba(239,250,180,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,242,165,1)), color-stop(53%,rgba(164,216,119,1)), color-stop(100%,rgba(239,250,180,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(209,242,165,1) 0%,rgba(164,216,119,1) 53%,rgba(239,250,180,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(209,242,165,1) 0%,rgba(164,216,119,1) 53%,rgba(239,250,180,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(209,242,165,1) 0%,rgba(164,216,119,1) 53%,rgba(239,250,180,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(209,242,165,1) 0%,rgba(164,216,119,1) 53%,rgba(239,250,180,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f2a5', endColorstr='#effab4',GradientType=0 ); /* IE6-9 */

}
ul.cate li a {
	color: #424242;
	border: 1px solid #fff;
}
ul.cate li a:hover, ul.cate li a.selected {
border:1px solid #fff;
color:#000;
background: rgb(242,246,248); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}

ul.cate li a.selected:hover {
	background: #fff;
}
.submenu li a, .submenu_r li a{
background: rgb(217,241,241); /* Old browsers */
background: -moz-linear-gradient(top, rgba(217,241,241,1) 0%, rgba(255,255,255,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,241,241,1)), color-stop(99%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(217,241,241,1) 0%,rgba(255,255,255,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(217,241,241,1) 0%,rgba(255,255,255,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(217,241,241,1) 0%,rgba(255,255,255,1) 99%); /* IE10+ */
background: linear-gradient(to bottom, rgba(217,241,241,1) 0%,rgba(255,255,255,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
}
.submenu li a:hover, .submenu li a.active:hover,.submenu_r li a:hover, .submenu_r li a.active:hover{
background: rgb(222,239,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */	
	}
.submenu li a.active, .submenu_r li a.active{
color:#fff;
background: rgb(35,83,138); /* Old browsers */
background: -moz-linear-gradient(top, rgba(35,83,138,1) 0%, rgba(167,207,223,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(35,83,138,1)), color-stop(100%,rgba(167,207,223,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(35,83,138,1) 0%,rgba(167,207,223,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=0 ); /* IE6-9 */
	}
/* table 表格樣式 */

.data_table{
	background:#82AEBA url(../images/flora_bg12.png) no-repeat right top;
	}
.data_table a{
	color:#E9E5DF;
	font-weight:bold;
	}
.data_table th{
	background:rgba(255,255,255,0.8);
	color:#82AEBA;
	}
.data_table td{
	color:#fff;
	border-right:#ccc 1px solid;
	}
.speech_table{
	background:url(../images/city.png) repeat-x left bottom #8CA6B5;
	}
.speech_table th{
	background:rgba(255,255,255,0.8);
	color:#b2954c;
	}
.speech_table td{
	color:#E9E5DF;
	border-right:#ccc 1px solid;
	}
/*content*/
.content{
	background:url(../images/flora_bg.jpg);
	}
.content div{
	background:#e1d4b2;
	}
/*news*/
div.news_area{
	width:100%;
	}
/*lib*/
.lib{
	
	}
.lib li{
	background:url(../images/foil.png);

	}
.lib h3{
	background:#8CA6B5;
	}
.lib h3 a{
	color:#fff;
	border-top:#FEFEFE 1px dashed;
	border-bottom:#FEFEFE 1px dashed;
	}
.lib h3 a:hover{
	color:#333;
	background:#bddbd1;
	}
.lib img{
	border:#333 1px solid;
	}
	
/*lib_detail*/
/*實驗室細節照片*/
.lib_detail_img h3{
	color:#fff;
	background:#8CA6B5;
	}
.lib_detail_img img{
	background:#fff;
	border:#ccc 1px solid;
	}
/*實驗室資料*/
.lib_detail h2{
	color:#fff;
	background:#8CA6B5;
	}
.lib_detail h2 span{
	border-top:#fff 1px dashed;
	border-bottom:#fff 1px dashed;
	}

.lib_detail li{
	background:#E9E5DF url(../images/lace2.png) repeat-y left top;
	}
.lib_detail li h3{
	color:#E9E5DF;
	background:#6498B1;
	}
/*lib_teacher*/
.lib_tea{
	
	}
.lib_tea li{
	color:#C93;
	
	background-image:none;
	}
/*box 樣式*/
.box{
	background:#fff;
	border:#FFC48C 3px solid;
	}
.box h2, .box button{
	background:#FF9F80;
	color:#fff;
	}
.box a{
	color:#7e4646;
	}
.box a:hover{
	color:#F36;
	}
.box span.important:before{
	background:url(../images/important.png) no-repeat;
	}