/*=====================pulima menu 20151012 Gabby==================*/
.left-menu li.dd-item > div.txt > span { font-weight: bold }
.left-menu li.dd-item > ul > li.dd-item > div.txt > span { font-weight: normal !important;}



.itemBox.listBox.event.hand,
.news-item .itemBox.listBox.hand { border-bottom:1px dotted #999; padding-bottom:10px; }

/* main-menu 新增第一個選項字體顏色 #ff010b  
.header .main-menu > li:first-child > a:link,
.header .main-menu > li:first-child > a:hover,
.header .main-menu > li:first-child > a:visited
{ color: #ff010b; }
*/

/*標題有線 carrie 20151022*/
.titleBackLine  {
	position: relative;
}
.titleBackLine > div {
	padding-right: 5px;
	display: inline-block;
	*display: inline;
	*zoom:1;
	z-index: 1;
	position: relative;
}

.titleBackLine > div:after {
	content: '';
	display: block;
	width: 100%;
	height: 6px;
	background-color: #ffffff;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
        z-index:-1;

	overflow: visible;
	visibility: visible;
}

.titleBackLine:after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #dedede;
	position: absolute;
	top: 50%;
	right: 0;

	overflow: visible;
	visibility: visible;
}
.titleBackLine:after {
	right: auto;
	left: 0;
}

.iframe-event-apply {
	height: 1180px;
}

/* 20160531 Gabby pulima要放大字體 */
.module-ExamineContent .eventPage { font-size: 18px; font-size: 1.8rem; }
.module-ExamineContent .polymer-form label.placeholder { font-size: 18px; font-size: 1.8rem; }
.module-ExamineContent .polymer-form.dirty label.placeholder { font-size: 17px; font-size: 1.7rem; }
.module-ExamineContent .select-title { font-size: 18px; font-size: 1.8rem; }
.module-ExamineContent .formulaireContent label { font-size: 17px; font-size: 1.7rem; }
.module-ExamineContent .forms.formulaire > li.agree label { font-size: 18px; font-size: 1.8rem; }
.module-ExamineContent .blockquote .content { font-size: 18px; font-size: 1.8rem; }
.module-ExamineContent .formulaireAnswer { font-size: 16px; font-size: 1.6rem;  }
.module-ExamineContent .btn-step { font-size: 18px; font-size: 1.8rem; }
.module-ExamineContent .eventList .leftBox, .module-ExamineContent .eventList .rightBox { font-size:18px; font-size: 1.8rem;  }
.DateInfoBtn .btn-blue.btn-line { font-size: 16px; font-size: 1.6rem; margin-top: 15px;  }

/* 20160604 Gabby */
.module-EventContent .subInfo .area-info { padding-bottom: 0; border-bottom: none; }

/* 20160608 Gabby */
.hr-border {  border-bottom: 1px solid #EFC7B0;}
.hr-border.double { border-bottom-width: 5px;}
/* 20160809 Gabby */
.eventBox {
	position: relative;
	cursor: pointer;
	margin-bottom: 10px;
}
.eventImg {
	width: 100%;
	height: 100px;
	overflow: hidden;

	display:flex;
    display: -webkit-flex;
   	-webkit-align-items: center;
          align-items: center;
  	-webkit-justify-content: center;
          justify-content: center;
}
.eventImg img {
	max-width: 100%;
	-webkit-filter: grayscale(.5);
	-moz-filter: grayscale(.5);
	-ms-filter: grayscale(.5);
	-o-filter: grayscale(.5);
	filter: grayscale(.5);

	-webkit-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.eventImg:hover img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}
.eventKind {
	position: absolute;
    bottom: 0;
    z-index: 2;
    background: rgba(0,0,0,0.5);
    color: #fff;
    width: 90%;
    padding: 2px 5%;
    text-align: right;
    font-size: 16px;
    font-size: 1.6rem;
}
/*=====================responsive=====================*/
@media screen and (max-width : 979px) {
	.iframe-event-apply { overflow-y:auto; margin-bottom: 30px; }
}

@media screen and (max-width : 800px) {

	.module-HtmlTextComponent .subInfo { padding-left: 20px; }
}


@media screen and (max-width : 680px) {

	.module-HtmlTextComponent .subInfo { padding-left: 0; }

	.eventBox { margin-bottom: 20px; }
	.eventImg { height: 150px; }
}