@charset "UTF-8";
/**
 * [xLarge Screen for PC]
 * >=1200
 */
@media screen and (min-width: 1200px) {
	
}

/**
 * [Large Screen for PC & Pad]
 * 960~1199
 */
@media screen and (max-width: 999px) {
	/*頭部公共導航區*/
	#top{width: 100%}
	#top #wight{ float:right; color:#0e419c; margin:87px 20px 0 0; position:relative;  text-align:right;}
	#top .search{ width:230px; height:23px; float:left; }
	#top .search input{ border:none; width:180px; height:20px; background:#fff; line-height:16px; margin:3px 0 0 15px; float:left}
	#top .gobutton{ position:absolute; left:205px; top:0px; }
	#top .language{ position:absolute ; left:125px; top:-50px; width:120px;color:#333}
	#top .language a{ color:#333}

	#top_sec { height:77px; background:#9f2925;}
	#top_sec .topmenu{ width:100%; height:77px; z-index:1100000; margin:0 auto; }
	#top_sec .topmenu ul{ list-style:none;z-index:1100000;}
	#top_sec .topmenu li{ float:left;z-index:1100000; text-align:center;width:10%; position:relative;}
	/*MENB*/
	#top_sec .menu_top_li{ height:77px;}
	#top_sec .menu_top_li a{ display:block; height:77px; color:#fff;font-family:"微軟雅黑","宋體","Arial"; line-height:77px; font-size:16px; }
	#top_sec .moveon,#top_sec .selected { background:#7e1a18; }
	#top_sec .moveon a,#top_sec .selected a{color:#fff; font-weight:bold}
	#top_sec .nonebg a{ background:none;}
	#top_sec .menu_top_li ul{
		display:none;
		width:100%;
		clear:both;
		z-index:1100002;
		position:absolute;
		left:0;
		top:77px;
		border-top:0;
		border-bottom:0;
		margin-left:-1px;
	}

	/*通用下拉*/
	#top_sec .menu_top_li li{
		margin-left:0;
		margin-right:0;
		background:#7e1a18;
		width:100%;/*IE6 only*/
		text-align:center;
		float:left;
	}

	#top_sec li.menu_top_li li a{
		font-size:12px;
		color:#fff;
		height:32px;
		line-height:32px;
		text-decoration:none;
		display:block;
		padding:6px auto 6px auto;
		border-bottom:1px solid #fff;
		background:none;
	}

	#top_sec li.menu_top_li li a:hover{
		background:#fff;
		color:#333;
		text-decoration:none;
		border-bottom:1px solid #042e6b;
		width:auto;
	}

	#footer{background:#fff; height:150px; clear:both; }
	#footer .content{ width:100%;  margin:0 auto; height:150px; position:relative;background:url(index_res/foot_left.jpg) no-repeat 10px 20px;}
	#footer .content p{ color:#636363; font-size:12px; line-height:24px; text-transform:uppercase; text-align:left; padding:25px 0 0 460px; }
	#footer .content p span{color:#1050b0; font-size:12px; font-weight:bold }

	.bigdiv{ width:100%; height:385px; margin:0 auto;}

	/*BIG IMAGE*/
	/* banner-box */
	.banner-box{min-width:99%;height:385px;position:relative;overflow:hidden; margin:0px 0 0 0px}
	.banner-box .bd{ width:100%!important;}
	.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}
	.banner-box .bd li{width:100% !important;height:280px;}
	.banner-box .bd li a{display:block;background-size:auto;}

	.banner-btn{width:100%;position:absolute;top:148px;left:50%;margin-left:-50%;}
	.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
	.banner-btn a.prev{left:2%;background:url(index_res/foot.png) no-repeat 0 0;}
	.banner-btn a.next{right:2%;background:url(index_res/foot.png) no-repeat -49px 0;}

	.banner-box .hd {position:absolute;top:205px;left:165px; display:none}
	.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#ccc;float:left;cursor:pointer;}
	.banner-box .hd ul li.on{background:#DA324D;}

	/*首頁正文*/
	#indexContentWrapper{ height:290px; width:100%; margin:10px auto 0 auto;}
	#colA{float:left;  margin-left:0px; width:48%; display:inline; margin-top:10px;}
	.panel_title{ border-bottom:3px solid #dfdfdf; height:31px;}
	.panel_title li{ color:#a73e3a;font-family:"微軟雅黑","宋體","Arial";  font-size:16px; float:left; font-weight:bold; width:95px; border-bottom:3px solid #dfdfdf; text-align:center; padding-bottom:9px;}
	.panel_title li.moveon{border-bottom:3px solid #a73e3a}
	.panel_title li a{color:#636363;font-family:"微軟雅黑","宋體","Arial";  font-size:16px;}
	.panel_title li.moveon a{ color:#a73e3a}

	.spnews { height:240px; overflow:hidden; width:100%; padding-top:10px}
	.spnews  h1 { font-size:14px; line-height:28px; text-align:center}
	.spnews  h1 a{ color:#333; font-weight:normal;}
	#colB{float:left;  width:48%; margin-top:10px; margin-left:4%;}

	.twoimages{ margin:20px 0 10px 0; }
	.twoimages img{ float:left; width:48%;}
	.twoimages img.iB{ margin-left:3%;}

	.panel_title a.more{ float:right; color:#a0a0a0; font-size:12px; display:block; line-height:28px; margin-right:12px;}
	.panel{position:relative;}
	.panel ul.news{ margin-top:10px;}
	.panel ul.news li {border-bottom:1px dashed #e5e5e5; width:100%;}
	.panel ul.news li a{ color:#666666; font-size:14px; line-height:35px; height:35px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; width:72%; background:url(index_res/dot.jpg) no-repeat left center; padding-left:24px;overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		white-space: nowrap;
	}
	.panel ul.news li a:hover{ text-decoration:underline; color:#092d6f}
	.panel ul.news li span{display:block; float:right;line-height:30px; height:30px;}
	.panel ul.news li.more{border-bottom:0; position:absolute; top:-2px; right: 0; width:44px}
	.panel ul.news li.more a{ display:inline;background:none }
	.panel ul.hide{display:none}

	#centerTie{ background: #a73e3a no-repeat center top; text-align:center; clear:both;padding:2% 0;}
	#centerTie .content{ margin:0 auto; width:100%; position:relative}


	#indexContentWrapper2{height:330px; width:100%; margin:10px auto 20px auto;}
	#colC{float:left; margin-left:0px; width:48%; display:inline; margin-top:15px; }
	#colD{float:left;  margin-left:4%; width:48%; display:inline; margin-top:15px;}


	.panel ul.link li {border-bottom:1px dashed #e5e5e5; width:300px;height:30px;line-height:30px; vertical-align:bottom; zoom:1;}
	.panel ul.link li a{ color:#666666; font-size:12px; line-height:30px; height:30px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; width:280px; background:url(index_res/dot.png) no-repeat left center; padding-left:18px;}
	.panel ul.link li a:hover{ text-decoration:underline; color:#092d6f}
	.panel ul.link li span{display:block; float:right;line-height:30px; height:30px;}
	.panel ul.link li.more{border-bottom:0; position:absolute; top:-2px; left:400px; }
	.panel ul.link li.more a{ display:inline;background:none }

	#scrollDiv{width:300px;height:190px; overflow:hidden; margin-top:10px;}/*這裡的高度和超出隐藏是必須的*/
	/*次級正文*/
	/*次級正文*/
	#secondContentWrapper{  overflow:visible;}
	#secondContent{ width:100%; margin:0px auto 0 auto; padding-top:25px;}
	#s_colsA{ float:left; width:22.6%;  background:#9f2925; }
	#s_colsA h1{ font-size:20px; font-family: "微軟雅黑"; color:#ffffff; font-weight:bold; width:100%; height:70px; line-height:70px; text-align:center; }
	#s_colsA .menus{ background:#eeeeee; border-top:none; width:100%; margin-left:5%;  padding-top:50px;}
	#s_colsA ul{ list-style:none; width:100%;  border-top:1px solid #c6a09f;}
	#s_colsA ul li{ border-bottom:1px solid #c6a09f; width:100%; position:relative}
	#s_colsA ul li a{ display:block; width:80%; height:50px; line-height:50px; font-size:14px; color:#111111;text-align:left; padding-left:30px;}
	#s_colsA ul li a:hover{ color:#717171; text-decoration:none; background:#f0f0f0; font-weight:bold;}
	#s_colsA ul li.selected{ width:103%; margin-left:-3%; background:#fff}
	#s_colsA ul li.selected a{ color:#9f2925; font-weight:bold;}
	#s_colsA ul li ul{ position:absolute; left:90%; top:-1px; border:1px solid #c6a09f; background:#fff; display:none; width:250px}
	#s_colsA ul li.selected ul li{ width:102%}
	#s_colsA ul li.selected ul li a{ width: 101% ; color:#111111; font-weight:normal;}
	#s_colsA ul li.selected ul li a:hover{color:#9f2925; text-decoration:none; background:#f0f0f0; font-weight:bold;}

	#s_colsA ul #s41 ul{ position:absolute; left:219px; top:-1px; border:1px solid #c6a09f; background:#fff; display:none; width:355px}
	#s_colsA ul #s41 ul li{ width:355px}
	#s_colsA ul #s41 ul li a{ width:340px; padding-left:15px;}


	#s_colsB{  width:75%; float:left; overflow:visible; margin-bottom:20px; margin-left:2%;}
	#bar{ width:100%;  line-height:33px;  height:33px; border-bottom:1px solid #e5e5e5;}
	#bar h5{ float:left;  font-size:12px; color:#333; font-size:12px; font-weight:normal;}
	#trip{ margin:10px 20px 0 20px;}
	#s_colsB h1.header{  padding-bottom:10px; margin:20px 0 3px 0; font-weight:bold; font-size:16px; color:#333; text-align:center}
	#s_colsB h2.header{ text-align:center; color:#333; font-size:12px; font-weight:normal; margin:0; padding:0}
	#contentFromDB{ font-size:14px; color:#333; line-height:22px; margin-top:18px;  margin-bottom:20px;}
	#contentFromDB,#innerContent{ font-size:14px; color:#333; line-height:28px; margin-top:18px;  margin-bottom:20px;}
	#contentFromDB a,#innerContent a{ color:#333;}
	#contentFromDB #singleNews p{ background-color:#fff;}
	#singleNews table{ overflow:visible; border-collapse:collapse }
	#singleNews table td{ border:1px solid #dedede; padding:2px 5px}
	#contentFromDB a:hover,#innerContent a:hover{ text-decoration:underline}
	#innerContent{ margin-bottom:25px;}
	#TextList_time a{ color:#333; font-size:14px;}
	#TextList_time td a,#TextList_time td{ color:#333; font-size:14px;}
	#TextList_time a:hover{ text-decoration:underline}
	/*豐富圖文列表*/
	#innerContent{ overflow:hidden;}
	#lists{ float:left;}
	#lists li{ float: left; width:235px; text-align:left; margin-bottom:20px; }
	#lists li img{ border:0;  margin-right:8px; width:90px; height:120px; border:1px solid #dedede; padding:4px; background:#f3f3f3 ; float: left;}
	#lists li .intro{ float:left; margin-top:5px; line-height:27px; width:127px}
	#lists li .intro .tname{ font-size:20px; font-weight:bold; display:inline-block; padding-bottom:10px;}
	#lists li .intro .ttitle{ font-size:12px; display:inline-block;}
	#lists li .intro .tfangxiang{ color:#a22729; font-weight:bold; font-size:16px; display:inline-block; padding:5px 0}
	.clear{ clear:both;}

	/*簡潔圖文列表*/
	#simplelists li{ float: left; width:230px; text-align:center; margin-bottom:20px;}
	#simplelists li img{ border:0; width:150px; height:200px; border:1px solid #dedede; padding:8px; background:#eee}
	#simplelists li p a{ font-size:14px; color:#827e7e; font-weight:bold}
	#simplelists li p{ text-align:center; line-height:24px; font-size:12px; color:#827e7e; }

	/*研究團隊單人*/
	.facultyview { margin-left:20px;}

	.facultyview img{  border:1px solid #e0e0e0; background:#fff; padding:8px; text-align:center; margin:0 auto 10px auto}
	.facultyview div.basic{ width:600px;  margin-left:180px;}
	.facultyview h1{ padding-top:8px;color:#3679a7; font-weight:bold; font-size:16px; margin-top:5px; }
	.facultyview h2 { color:#827e7e; font-size:14px; margin-top:3px;}
	.facultyview .f_contact{ margin-top:40px;}
	#s_colsB .facultyview h3{ clear:both; font-size:14px; margin:0; color:#3679a7; padding:8px 0; border:0}
	.facultyview p{ line-height:23px; margin:0; clear:both;}

	/*招聘信息*/
	#s_colsB h4{font-size:14px; margin:0; color:#3679a7; padding:8px 0; border:0}

	#s_footer{ border-top:3px solid #323232; background:#dcdcdc; height:152px; clear:both}
	#s_footer .content{ width:100%; margin:0 auto; position:relative}
	#s_footer .content p{ color:#323232; font-size:12px; line-height:26px; text-transform:uppercase; text-align:right; margin-top:80px; }
	#s_footer .content p a{color:#323232; font-size:12px; line-height:26px; text-transform:uppercase; }
	#s_footer .content div{ position:absolute; top:28px; left:10px; color:#323232;  width:200px;}
	#s_footer .content div span{ float:left;}
	/*新圖片組圖*/
	.jd_body {
		height: 247px;
		overflow: hidden;
	}
	.jd_body img {
		vertical-align: bottom;
	}
	.jd_ad_slide {
		width: 100%; height: 227px;
		float: left;
		position: relative;
	}
	.jd_ad_img {
		position: absolute; left: 0; top: 0;
		width: 100%; height: 232px;
		display: none;
	}
	.jd_ad_btn {
		position: absolute; right: 3px; bottom: 8px;
	}
	.jd_ad_btn_a {
		width: 22px; height: 22px;
		line-height: 22px;
		margin-right: 5px;
		text-align: center;
		border-radius: 12px;
		background-color: #999;
		color: #fff;
		float: left;
	}
	.jd_ad_btn_a:hover {
		text-decoration: none;
	}
	.jd_ad_btn .active {
		background-color: #E4393C;
	}
	.jd_service {
		width: 310px;
		padding-top: 230px;
		float: right;
	}
	.jd_nav_x {
		height: 30px;
		margin: 0;
		overflow: hidden;
		position: relative;
	}
	.js_nav_a {
		width: 25%; *width: 24.9%;
		line-height: 20px;
		padding: 5px 0;
		text-align: center;
		font-size: 14px; font-family: 'microsoft yahei';
		float: left;
	}
	.jd_nav_x .active {
		color: #E4393C;
	}
	.jd_service_con {
		height: 136px;
		border: 1px solid #f1f1f1; border-top: 2px solid #aaa;
		position: relative;
	}
	.jd_service_img {
		position: absolute;
		display: none;
	}
	.jd_point_line {
		position: absolute; top: -2px; left: 0; z-index: 1;
		width: 25%;
		border-bottom: 2px solid #E4393C;
		text-align: center;
	}
	.jd_point_cor {
		position: absolute; bottom: 0; left: 50%;
		width: 0; height: 0;
		border-style: dashed dashed solid; border-width: 5px; border-color: transparent transparent #E4393C;
		overflow: hidden;
	}
	.contentaimg{width: 21%;padding: 0 2%}
}


/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
	#colA{width: 100%;margin: 10px 0}
	#colB{width: 100%;margin: 10px 0}
	#colC{width: 100%;margin: 10px 0}
	#colD{width: 100%;margin: 10px 0}
	.bigdiv {
		width: 100%;
		height: 438px;
		margin: 0 auto;
	}
	.logo {
		width: 60%;
		float: none;
		padding: 15px 0;
		text-align: center;
		margin: 0 auto;
	}
	#top #wight {
		float: none;
		color: #0e419c;
		margin: 0;
		position: relative;
		text-align: right;
	}
	#top .language {
		position: absolute;
		left: 250px;
		top: 5px;
		width: 120px;
		color: #333;
	}
	#indexContentWrapper {
		height:auto;
		width:auto;
		margin: 10px 8px 0 8px;
	}
	#indexContentWrapper2 {
		height:auto;
		width:auto;
		margin: 10px 8px 0 8px;
	}
	#footer .content {
		width: 100%;
		margin-top: 20px;
		height: auto;
		position: relative;
		background:url("foot_leftsmall.png") center top no-repeat;
	}
	#footer .content p {
		color: #636363;
		font-size: 12px;
		line-height: 24px;
		text-transform: uppercase;
		text-align: left;
		width: auto;
		padding: 100px 0 15px 0;
		margin:0 3%;
	}
	.contentaimg{width: 29%;}
	#top {
		height: auto;
	}
	#topWrapper {
		height: auto;
	}
	.language{display: none}
	.searchdiv {
		float: none;
	margin: 8px auto 8px auto;
	}
	.bigdiv {
		height: auto;
	}
	#top_sec {
		height: auto;
		min-height: 40px;
		background: #9f2925;
		position: relative;
	}
	#UL_A{display: none;padding-top: 40px}
	#menuicon{display: inline}
	#menuicon {
		display: inline;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 200;
	}
	#top_sec .menu_top_li {
		height: 30px;
	}
	#top_sec .topmenu li {
		float: left;
		z-index: 1100000;
		text-align: center;
		width: 100%;
		position: relative;
		background: #9f2925;
	}
	#top_sec .topmenu li a{
		height: 30px;
		line-height: 30px;
	}
	#top_sec .topmenu {
		width: 100%;
		height: auto;
		z-index: 1100000;
		margin: 0 auto;
	}
	#bimg{display:block}
	#s_colsA{
		width: 100%;
	}
	#secondContent {
		width: 100%;
		margin: 0 auto;
		padding-top: 0;
	}
	#s_colsA .menus {
		background: #eeeeee;
		border-top: none;
		width: 100%;
		margin-left: 0;
		padding: 0;
		display: none;
	}
	#s_colsA h1 {
		font-size: 16px;
		font-family: "微軟雅黑";
		color: #ffffff;
		font-weight: bold;
		width: 100%;
		height: 30px;
		line-height: 30px;
		text-align: center;
		position: relative;
	}
	#s_colsA ul li a {
		display: block;
		width: 80%;
		height: 25px;
		line-height: 25px;
		font-size: 14px;
		color: #111111;
		text-align: left;
		padding-left: 30px;
	}
	#erjiicon{
		display: block;
		position: absolute;
		right: 10px;
		top: 6px;
	}
	#s_colsB {
		width: 100%;
	}
	#s_colsA ul li.selected {
		width: 100%;
		margin-left: -6px;
		background: url("dot.gif") 2% center no-repeat;

	}
	#s_colsA ul li ul {
		position: relative;
		 left: 0px;
		top: -1px;
		border: 0px solid #c6a09f;
		background: #fff;
		width: 100%;
		display: block;!important;
	}
	#s_colsA ul li {
		border-bottom: 1px solid #c6a09f;
	width: 100%;
		background: url("dot.gif") 2% center no-repeat;
	}
	#s_colsA ul li a {
		display: block;
		width: 98%;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		color: #111111;
		text-align: left;
		padding-left:5%;
	}
	#s_colsA ul li a:hover {
		background: url("dot.gif") 2% center no-repeat;
	}
	#top_sec .menu_top_li ul{
		display: none;!important;
	}
	#TextList_time td a, #TextList_time td {
		color: #333;
		font-size: 12px;
	}
	#TextList_time td a{
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}
	#TextList_time td.tdtime{display: none}
	#top_sec .menu_top_li ul li {
	display: none;
	}
	#lists li {
		float: left;
		width: 50%;
		text-align: left;
		margin-bottom: 5%;
	}
	.panel ul.news li.more {
		border-bottom: 0;
		position: absolute;
		top: -2px;
		right: 0;
		width: 44px;
	}
	body>a{display: none!important;}
	.panel ul.news li a {
		color: #666666;
		font-size: 12px;
		padding-left: 20px;

	}
	.panel ul.news li span {
		font-size: 12px;
	}
}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 479px) {
	.info-box {margin:0 6px;}
	.contentaimg{width:45%;}
	#lists li {
		float: left;
		width: 100%;
		text-align: left;
		margin-bottom: 5%;

	}
	#footer .content {
		background:url("foot_leftsmall.png") center top no-repeat;
		background-size: 90%;
	}
}