@charset "utf-8";
/* CSS Document */
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*{
	margin:0;
	padding:0
}
.clear{ clear:both;}

/*seminarBox----------------------------------------------*/
.seminarWrap{
	width:1000px;
	margin:0 auto;
	background:#FFF;
	padding:5px 0;
}

/*主体内容----------------------------------------------*/
.seminarMain{
	width: 970px;
	margin: 0 auto;
	margin-top: 10px;
	font-size: 14px;/** Cathy的需求：把列表頁的文章標題+頁面標題+日期調大 - Ruby - 20200427 **/
}


/*网站地址栏----------------------------------------------*/
.sitemap{
	width: 100%;
	height: 29px;
	line-height: 29px;
	background: #f0f0f0;
	border: 1px solid #e2e2e2;
	border-radius: 5px;
	color: #555;
	text-indent: 10px;
	margin-bottom: 10px;
}
.sitemap a{
	color: #555;
	text-decoration:none;
}
.sitemap a:last-child{
	color: #BF0000;
}
.sitemap a:hover{
	color: #BF0000;
	text-decoration:none;
}


/*宣传轮播banner----------------------------------------------*/
.lb-box{
	position: relative;
	width: 970px;
	height: 280px;
	cursor: pointer;
	margin-bottom: 20px;
	overflow: hidden;
}
.lb-content {
	width: 100%;
	height: 100%;
}
.lb-item {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;   
}
.lb-item > a {
	width: 100%;
	height: 100%;
	display: block;
}
.lb-item > a > img {
	width: 100%;
	height: 100%;
}
.lb-item > a > span {
	display: block;
	position: absolute;
	width: 100%;
	bottom: 0px;
	padding: 15px;
	color: #fff;
	background-color: rgba(0,0,0,0.7);
}
.lb-item.active {
	display: block;
	left: 0%;
}
.lb-item.active.left {
	left: -100%;
}
.lb-item.active.right {
	left: 100%;
}
/*  */
.lb-item.next,.lb-item.prev {
	display: block;
	position: absolute;
	top: 0px;
}
.lb-item.next {
	left: 100%;
}
.lb-item.prev {
	left: -100%;
}
.lb-item.next.left,.lb-item.prev.right {
	left: 0%;
}
.lb-sign {
	position: absolute;
	right: 10px;
	bottom: 8px;
	list-style: none;
	user-select: none;
}
.lb-sign li {
	float: left;
	width: 20px;
	height: 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	background: rgba(255,255,255,.6);
	color: #323232;
	margin: auto 4px;
	border-radius: 20px;
	cursor: pointer;
}
.lb-sign li:hover {
	color: #fff;
	background-color: #ff7700;
}
.lb-sign li.active {
	color: #fff;
	background-color: #ff7700;
}
.lb-ctrl {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 25px;
	font-weight: 500;
	padding: 5px 5px 10px;
	user-select: none;
	background-color: rgba(0,0,0,0.4);
	color: #fff;
	cursor: pointer;
	transition: all 0.1s linear;
}
.lb-ctrl.left {
	left: -50px;
}
.lb-ctrl.right {
	right: -50px;
}
.lb-box:hover .lb-ctrl.left {
	left: 0px;
}
.lb-box:hover .lb-ctrl.right {
	right: 0px;
}
.lb-ctrl:hover {
	background-color: rgba(0,0,0,0.5);
}



/*左侧内容----------------------------------------------*/
.seminarMain_Left{
	float: left;
	width: 730px;
}
.seminarMain_title{
	width: 100%;
	/*height: 28px;*/
	height: 36px;/** Cathy的需求：把列表頁的文章標題+頁面標題+日期調大 - Ruby - 20200427 **/
	border-bottom: 1px solid #bfbfbf;
}

/** [LI-187] Ruby - HTML Tag 換成 H1 的破版修正 - 20221116 **/
.seminarMain_title h2, .seminarMain_title h1 {
	/*font-size: 15px;*/
	font-size: 18px;/** Cathy的需求：把列表頁的文章標題+頁面標題+日期調大 - Ruby - 20200427 **/
	font-weight: 600;
	/*height: 28px;*/
	height: 36px;/** Cathy的需求：把列表頁的文章標題+頁面標題+日期調大 - Ruby - 20200427 **/
	line-height: 28px;
}

.seminarMain_title i{
	display: inline-block;
	width: 5px;
	height: 15px;
	background: linear-gradient(to top,#a20000,#c10000);
	margin: 0 8px 0 8px;
	vertical-align: middle;
}
.NewSeminar{
	background: #f6f6f6;
	padding: 20px 10px 15px;
}
.NewSeminarPic{
	float: left;
	width: 260px;
}
.NewSeminarPic a{
	display: block;
	width: 260px;
    height: 165px;
/*	會議最新研討會-調整最新研討會圖片高度160px改為165px-Donna-20240130*/
	overflow: hidden;
	margin-bottom: 4px;
	position: relative;
}
.NewSeminarPic a img{
	width: 100%;
    height: auto;
	position: absolute;

}
.NewSeminarPic i{
	font-style: normal;
	width: 36px;
}
.NewSeminarPic span{
	width: 200px;
}
.NewSeminarPic i,.NewSeminarPic span{
	display:block;
	float: left;
}
.NewSeminarPic p{
	clear: both;
}
.NewSeminarContent{
	float:left;
	width: calc(100% - 260px);
	padding-left: 15px;
}
.NewSeminarContent h3{
	/*font-size: 14px;*/
	font-size: 16px;/** Cathy的需求：把列表頁的文章標題+頁面標題+日期調大 - Ruby - 20200427 **/
	color: #333333;
	/*line-height: 1.3em;*/
	line-height: 1.6em;/** Cathy的需求：把列表頁的文章標題+頁面標題+日期調大 - Ruby - 20200427 **/
	margin-bottom: 3px;
}
.NewSeminarContent h3 a{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.NewSeminarContent h3 a:hover{
	color: #BF0000;
}
.NewSeminarContent .NewSeminarTag{
	color: #898989;
	margin-bottom: 4px;
}
.NewSeminarContent .NewSeminarTag span:first-child{
	margin-right: 15px;
}
.NewSeminarContent p{
	height: 112px;
	height: 114px\0;/* ie 8/9/10/Opera - for ie8/ie10/Opera */ 
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	line-height: 1.6em;
	margin-bottom: 7px;
	margin-bottom: 5px\0;/* ie 8/9/10/Opera - for ie8/ie10/Opera */ 
}
.NewSeminarButton{
	width: 100%;
}
.NewSeminarButton a{
	float: right;
	width: 98px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: linear-gradient(to top,#a30000,#c50000);
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
.NewSeminarButton a i{
	display: inline-block;
	width: 16px;
	height: 16px;
	background:url(/img/seminar/NewSeminarIcon.png) no-repeat;
	vertical-align: middle;
	margin-right: 6px;
}
.NewSeminarButton a:hover{
	background: linear-gradient(to top,#0048a0,#0058c4);
}
.reportBanner{
	width: 730px;
	height: 70px;
	margin: 20px 0;
}
.reportBanner a{
	display: block;
	width: 730px;
	height: 70px;
	cursor: pointer;
}
.reportBanner a img{
	width: 100%;
}
.PastEvents{
	width: 730px;
	padding: 20px 0;
}
.PastEvents ul, .sidebarRightContent ul{
	list-style-type: none;
	margin-top: 0px;
}
.PastEvents ul{
	display: flex;
	flex-wrap: wrap;
}
.PastEvents ul li{
	width: 50%;
	padding-right: 10px;
	padding-bottom: 20px;
}
.PastEvents ul li:nth-child(2n){
	padding-right: 0;
	padding-left: 10px;
}
.pastEventsPicItem{
	border: 0px solid #cbcbcb;
	border-width: 0 1px 1px 1px;
	height: 100%;
}
.PastEventsPic, .PastEventsPic a{
	width: 100%;
	height: 226px;
	overflow: hidden;
}
.PastEventsPic a{
	display: block;
	cursor: pointer;
	position: relative;
}
.PastEventsPic a img{
	width: 100%;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.PastEventsContent{
	background: #fff;
	padding: 10px;
	height: calc(100% - 226px);
    display: inline-flex;
    flex-wrap: wrap;
}
.PastEventsContent h3{
	/*font-size: 14px;*/
	font-size: 16px;/** Cathy的需求：把列表頁的文章標題+頁面標題+日期調大 - Ruby - 20200427 **/
	font-weight: 600;
	/*line-height: 1.5;*/
	line-height: 1.6;/** Cathy的需求：把列表頁的文章標題+頁面標題+日期調大 - Ruby - 20200427 **/
	margin-bottom: 10px;
}
.PastEventsContent h3 a{
	color: #333333;
	text-decoration: none;
}
.PastEventsContent h3 a:hover{
	color: #BF0000;
}
.PastEventsContent p{
	color: #333333;
	margin: 0;
	line-height: 1.5;
	width: 100%;
}
.PastEventsContent p span:nth-child(2){
	margin-left: 12px;
}
.EventAdd{
	min-height: 40px;
}
.PastEventButton{
	text-align: right;
	margin-top: 8px;
	align-self: end;
    width: 100%;
}
.DetailsButton, .ReviewButton, .sidebarButtonL, .sidebarButtonR{
	display: inline-block;
	width: auto;
	height: 24px;
	line-height: 22px;
	padding: 0px 10px;
	color: #939393;
	border: 1px solid #cbcbcb;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
}
.DetailsButton i, .ReviewButton i{
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 5px;
}
.DetailsButton i{
	background:url(/img/seminar/DetailsIcon.png) no-repeat;
}
.ReviewButton i{
	background:url(/img/seminar/ReviewIcon.png) no-repeat;
}
.MoreEvents a{
	display: block;
	width: 120px;
	height: 32px;
	line-height: 30px;
	padding: 0px 10px;
	margin: 10px auto;
	color: #939393;
	border: 1px solid #cbcbcb;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.DetailsButton:hover, .ReviewButton:hover, .MoreEvents a:hover, .sidebarButtonL:hover, .sidebarButtonR:hover{
	color: #BF0000;
	border: 1px solid #BF0000;
}
.DetailsButton:hover i{
	background:url(/img/seminar/DetailsIcon2.png) no-repeat;
}
.ReviewButton:hover i{
	background:url(/img/seminar/ReviewIcon2.png) no-repeat;
}


/*右侧内容----------------------------------------------*/
.seminarMain_Right{
	float: right;
	width: 218px;
}
.sidebarRightTitle{
	width: 218px;
	height: 28px;
	border: 1px solid #d2d2d2;
	border-radius: 5px 5px 0 0;
	background: linear-gradient(to top, #f8f8f8 2%, #e1e1e1 1%, #e1e1e1 47%, #fdfdfd 50%);
}
.sidebarRightTitle h2{
	text-indent: 10px;
	font-size: 15px;
	font-weight: 600;
	line-height: 26px;
}
.sidebarRightContent{
	width: 218px;
	padding: 0 10px;
	background: #fff;
	border: 0px solid #d2d2d2;
	border-width: 0 1px 1px 1px;
}
.sidebarRightContent li{
	border-bottom: 1px dashed #cbcbcb;
	padding: 15px 0;
}
.sidebarRightContent li:last-child{
	border-bottom: 0px dashed #cbcbcb;
}
.sidebarImage{
	float: left;
	width: 62px;
	height: 86px;
	overflow: hidden;
	margin-right: 6px;
}
.sidebarImage img{
	height: 86px;
}
.sidebarContent{
	float: left;
	width: 126px;
	
}
.sidebarContentTitle{
	/*height: 48px;*/
	height: 52px;/** Cathy的需求：把列表頁的文章標題+頁面標題+日期調大 - Ruby - 20200427 **/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.sidebarContent h3{
	/*font-size: 12px;*/
	font-size: 14px;/** Cathy的需求：把列表頁的文章標題+頁面標題+日期調大 - Ruby - 20200427 **/
	/*line-height: 16px;*/
	line-height: 18px;/** Cathy的需求：把列表頁的文章標題+頁面標題+日期調大 - Ruby - 20200427 **/
}
.sidebarContent h3 a{
	color: #333333;
	text-decoration: none;
}
.sidebarButton{
	margin-top: 14px;
}
.sidebarButtonL, .sidebarButtonR{
	padding: 0px 5px;
	margin-left: 0px;
}
.sidebarButtonL i, .sidebarButtonR i{
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	margin-top: -1px;
	margin-right: 5px;
}
.sidebarButtonL i{
	background:url(/img/seminar/reportIcon01.png) no-repeat;
	background-size: 100% 100%;
	background-size: cover;
}
.sidebarButtonR i{
	background:url(/img/seminar/reportIcon02.png) no-repeat;
	background-size: 100% 100%;
	background-size: cover;
}
.sidebarButtonL:hover i{
	background:url(/img/seminar/reportIcon07.png) no-repeat;
	background-size: 100% 100%;
	background-size: cover;
}
.sidebarButtonR:hover i{
	background:url(/img/seminar/reportIcon08.png) no-repeat;
	background-size: 100% 100%;
	background-size: cover;
}