/* ================================
				列表 
=================================== */
.module-EventList .itemBox.listBox.event h2 { margin-bottom: 6px; }
.module-EventList .itemBox.listBox.event .defaultWrap ~ .otherInfo { position:relative; bottom:auto; top:0; left:0; /*float:left; 20151230 Gabby註解*/ }
.module-EventList .itemBox.listBox .otherInfo .unstyled { float:left; margin-right:40px; }


/* ================================
				內頁 
=================================== */
.module-EventContent .EventPage .mainArea { padding-right: 20px; }
.module-EventContent .EventPage .mainArea .area-info { margin-top:20px; }
.module-EventContent .EventPage .col-full-33 .info-title {
	width:36%;
}
.module-EventContent .EventPage .col-full-33 .info-content {
	width:59%;
}
.module-EventContent .EventPage .col-full-67 .info-title {
	width:18%;
}
.module-EventContent .EventPage .col-full-67 .info-content {
	width:73%;
}	


/* ================================
			responsive 
=================================== */
@media screen and (max-width : 1024px) {
}
@media screen and (max-width : 979px) {
	.module-EventContent .EventPage .col-full-33 { width: 33%; }
	.module-EventContent .EventPage .col-full-67 { width: 67%; }
}
@media screen and (max-width : 800px) {
	.module-EventContent .EventPage .area-info .col-full-33 { display: block !important; }

	.module-EventContent .EventPage .col-full-67 { width: 67% !important; }
	.module-EventContent .EventPage .col-full-33 { display: block !important; width: 33% !important; }

	.module-EventContent .EventPage .col-full-67 .info-title {
		width:15%;
	}
}
@media screen and (max-width : 680px) {
	.module-EventList .itemBox.listBox .otherInfo .unstyled { width: 100%; margin-right:0px; }
	.module-EventList .itemBox.listBox h2 .desc {
		display: block;
		width: 100%;
		margin-bottom: 5px;
	}
	.module-EventList .itemBox.listBox h2 .desc > span { float: none; padding: 3px 12px; }

	.module-EventContent .EventPage .mainArea { padding-right: 0; } 
	.module-EventContent .EventPage .col-full-67 { width: 100% !important; }
	.module-EventContent .EventPage .col-full-33 { width: 100% !important; }

	.module-EventContent .EventPage .col-full-33 .info-title {
		width:25%;
	}
	.module-EventContent .EventPage .col-full-33 .info-content {
		width:100%;
	}
	.module-EventContent .EventPage .col-full-67 .info-title {
		width:25%;
	}
	.module-EventContent .EventPage .col-full-67 .info-content {
		/*width:70%;*/
		width: 100%;
	}
}
@media screen and (max-width : 320px) {	
}