@charset "UTF-8";

.ser-frame{
	padding: 10px 8px 10px 20px;
	font-size: 15px;
}
.ser-frame ul{
	padding: 0;
	margin: 0;
}
.ser-frame ul li{	
	border-bottom:dashed 1px #ccc;
	padding: 10px 0;
	vertical-align:text-top;
}
.ser-frame ul li a{
	color: inherit!important;
	font-size: inherit!important;
	font-weight: inherit!important;
	text-transform:inherit!important;
	font-family: inherit!important;
	margin-top: 0!important;
}
.ser-frame ul li a:hover{
	color: #38559e!important;
}
.m_menu_caterory{
	color: #e8aa00;
	padding: 10px 0 0 10px;
}
.spotlight_date{
	background-color: #41537e;
	color: #fff;
	padding: 1px 5px;
	border-radius: 2px;
}

.pb-5{
	padding-bottom: 5px;
}
.pb-20{
	padding-bottom: 20px;
}
.pt-20{
	padding-top: 20px;
}
.mt-20{
	margin-top: 20px;
}
.bg_blue{
	background-color: #41537e;
	color: #fff;
	padding: 5px 10px;
	border-radius: 2px;
}
.bg_gray{
	background-color: #F5F5F5;
}
.member_t{
	color: #41537e;
	text-align: center;
	text-transform: uppercase;
}
.main-color{
	color: #41537e;
}
.img_set img{
	width: 100%;
}
.research_list {
	list-style-position:outside!important;
	padding: 10px 0;
}
.research_list li {
	padding: 3px 20px 5px 0;
	font-family: 'Microsoft JhengHei', sans-serif;
}
.professor_list{
	padding: 8px 0px 25px 30px;
}
.professor_list li{
	padding: 3px 10px 5px 0;
	font-family: 'Microsoft JhengHei', sans-serif;
}
.member_list{
	padding: 8px 0px 25px 20px;
}
.member_list li{
	padding: 3px 10px 5px 0;
	font-family: 'Microsoft JhengHei', sans-serif;
}
.main-list ul{
	margin: 0;
	padding: 0 0 15px 0;
}
.main-list li{
	list-style: none;
	padding: 0 0 6px 0;
	font-family: 'Microsoft JhengHei', sans-serif;
}
.main-list li > i{
	padding: 0 10px 0 3px;
}
.table_theme th > a:hover{
	color: #38559e;
}
.pub_t a:hover{
	color: #41537e;
}

button.btn_back{
	border: none;
	padding: 3px 15px;
	background-color: #333!important;
}
button.btn_back a{
	color: #fff!important;
}
button.btn_back:hover{
	background-color: #38559e!important;
}
.photo img{
	width: 100%;
	padding-bottom: 20px;
}
@media screen and (max-width: 860px) {
	#sub-header .left-info ul li:last-child {
		border-right: none;
	}
	#sub-header .left-info ul li {
	  padding-right: 0;
	  border-left: none;
	  display: table-cell;
	}
}


.Frame{
	width: 1100px;
	margin: 0 auto;
}
.cta-content{
	padding: 10px 50px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.mainMenu {
    position: relative;
    left: 0;
    z-index: 9999999!important;
    height: 100%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
.path ul{
	padding: 0; margin: 20px 20px 0 20px;
}
.path ul li{
	list-style: none;
	padding: 0; margin: 0;
	display:inline-block;
}
.mt30{
	margin-top: 30px;
}
.mt40{
	margin-top: 40px;
}
.service-item p{
	min-height: 220px!important;
}

.prd img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.prdinfo{
	line-height: 24px;
}
h3.related{
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
.share ul{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 13px;
}
.share ul li{
	list-style: none;
	display: inline-block;
	margin-left: 5px;
	padding: 5px 10px;
}
.share ul li.fb{
	background-color: #3b5998;
}
.share ul li.line{
	background-color: #1dbf21;
}
.share ul li.linkedin{
	background-color: #1568bf;
}
.share ul li.twitter{
	background-color: #29a3ef;
}
.share ul li.fb a, .share ul li.line a, .share ul li.twitter a, .share ul li.linkedin a{
	color: #fff;
}
.down-content, .down-content p{
	font-size: 15px;
	line-height: 28px!important;
	color: #373636!important;
}
.accent-button button{
	border: none;
	background-color: #e8aa00;
	color: #fff;
	border-radius: 3px;
	padding:  10px 12px;
}
.mobile{
	display: none;
}

@media screen and (max-width: 991px) {
	.Frame{
		width: 100%;
	}
	.service-item p{
		min-height:10px!important;
	}
	.mobile{
		display: block;
	}
	.pc{
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.down-content iframe{
		width: 100%!important;
	}
}


/*產品輪播 1:1*/
.prdimg{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 750px; height: 850px; overflow: hidden; visibility: hidden;}
.prdimg_b{cursor: default; position: relative; top: 0px;  width: 700px; height: 700px; overflow: hidden;}
.prdimg_s{position:absolute;left:0px!important;bottom:0px;width:700px;height:150px; cursor: pointer;}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
.jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
.jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 120px;    height: 120px;}
.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}


/*產品輪播 16:9*/
.prdimg_3{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 750px; height: 520px; overflow: hidden; visibility: hidden;}
.prdimg_b_3{cursor: default; position: relative; top: 0px;  width: 700px; height: 394px; overflow: hidden;}
.prdimg_s_3{position:absolute;left:0!important;bottom:0px;width:700px;height:150px; cursor: pointer;}
.jssort01 .p_3 {    position: absolute;    top: 0;    left: 0;    width: 142px;    height: 80px;}

/*產品輪播 4:3*/
.prdimg_4{position: relative; margin: 0 auto; top: 0px; left: 0px; width: 750px; height: 660px; overflow: hidden; visibility: hidden;}
.prdimg_b_4{cursor: default; position: relative; top: 0px;  width: 700px; height: 525px; overflow: hidden;}
.prdimg_s_4{position:absolute;left:0!important;bottom:0px;width:700px;height:150px; cursor: pointer;}
.jssort01 .p_4 {    position: absolute;    top: 0;    left: 0;    width: 133px;    height: 100px;}