body {
	margin:0;
	padding:0;
	background-color:white;
	font-family: 'Montserrat','Noto Sans TC', sans-serif;
}

a {
	border:0;
	text-decoration:none;
}

img {
	border:0;
	width:100%;
}

img.desktop {
	display:block;
}
img.mobile {
	display:none;
}

ul {
	margin:0;
	padding:0;
}
ul li {
	margin:0 0 0 20px;
	padding:0;
	font-size:18px;
	line-height:1.3em;
	color:#3b3b3b;
}

/*--- only for link color ---*/
.link_class {
	color: #551a8b;
}

.pageFramework01 {
	margin:0 auto;
	padding:0;
	max-width:800px;
	min-width:320px;
}
.pageFramework01 .header {
	margin:0;
	padding:0;
	width:100%;
}
.pageFramework01 .followus {
	margin:0;
	padding:0;
}
.pageFramework01 .followus p {
	margin:0;
	padding:2px;
	font-size:10px;
	color:#000;
	text-align:right;
	background-color:#615d9b;
}
.pageFramework01 .followus p a.fb, .pageFramework01 .followus p a.ig,
.pageFramework01 .followus p a.fbmsg, .pageFramework01 .followus p a.youtubelink ,
.followus p a.email {
	margin:0;
	padding:0 10px 0 0;
}

.pageFramework01 .followus p a img {
	width:auto;
}
.pageFramework01 .contentContainer {
	margin:0;
	padding:0;
}
.pageFramework01 .contentContainer .title {
	margin:10px 0 0 0;
	padding:0;
}
.pageFramework01 .contentContainer .title.first {
	margin-top:0;
}
.pageFramework01 .contentContainer .title img {
	width:auto;
}

.pageFramework01 .contentContainer .contentRow {
	margin:11px 0 0 0;
	padding:0;
	height:1%;
	border-bottom:10px solid #c9c9d8;
	background-color:#ebecec;
}
.pageFramework01 .contentContainer .contentRow:after {
	clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pageFramework01 .contentContainer .contentRow .newRow {
	margin:0;
	padding:0;
	height:1%;
}
.pageFramework01 .contentContainer .contentRow .newRow:after {
	clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.pageFramework01 .contentContainer .contentRow .h3 {
	margin:0 0 10px 0;
	padding:10px;
	background-color:#41b6e6;
}
.pageFramework01 .contentContainer .contentRow .h3 p {
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}

.pageFramework01 .contentContainer .contentRow .contentColLeft {
	margin:0;
	padding:0;
	float:left;
	width:41%;
	min-height:217px;
}
.pageFramework01 .contentContainer .contentRow .contentColLeft.event {
	width:61%;
	min-height:auto;
}
.pageFramework01 .contentContainer .contentRow .contentColLeft.event p {
	padding-left:10px;
}
.pageFramework01 .contentContainer .contentRow .contentColRight {
	margin:0;
	padding:0 4%;
	float:left;
	width:51%;
	min-height:218px;
}
.pageFramework01 .contentContainer .contentRow .contentColRight.event {
	width:31%;
	min-height:auto;
}
.pageFramework01 .contentContainer .contentRow .contentColRight p {
	margin:0;
	padding:0;
	color:#3b3b3b;
	font-size:18px;
	line-height:1.3em;
}

.pageFramework01 .contentContainer .contentRow .contentColRight p.h2 {
	margin:0;
	padding:20px 0 0 0;
	color:#645f9b;
	font-size:22px;
	font-weight:bold;
}
.pageFramework01 .contentContainer .contentRow .contentColRight p.more {
	margin:0;
	padding:10px 0;
	text-align:center;
	/*background-color:#DBEFF0;*/
	/*background-image: url("../images/newsletter_graphic.png");*/
	min-height:20px;
	width:100px;
	border-radius: 10px;

}
.pageFramework01 .contentContainer .contentRow .contentColRight a p.more {
	color:#3e433f;
}

.btnMore {
	margin:0 0 3px 0;
	padding:10px 0;
	float:right;
	background-image: url("../images/newsletter_graphic.png");
	background-position: center bottom;
	background-repeat: no-repeat;	
}

.pageFramework01 .contentContainer .bottomContentRow {
	margin:0;
	padding:11px 0 0 0;
	height:1%;
}
.pageFramework01 .contentContainer .bottomContentRow:after {
	clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomColLeft p.more {
	margin:0;
	padding:10px 0;
	font-size:14px;
	font-weight:bold;
	color:#3c3c3b;
	text-align:right;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomColLeft p.more a {
	color:#3c3c3b;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomColLeft {
	margin:0;
	padding:0 14px 0 0;
	float:left;
	width:386px;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomColLeft .bottomTitle {
	margin:0;
	padding:0;
	height:58px;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomColRight .bottomTitle {
	margin:0;
	padding:0;
	height:58px;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomContent {
	margin:0;
	padding:0;
	height:1%;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomContent:after {
	clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomContent .contentLeft {
	margin:0;
	padding:0;
	float:left;
	width:20px;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomContent .contentRight {
	margin:0;
	padding:10px 20px;
	float:left;
	width:326px;
	height:345px;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomContent .contentRight.bgyellow {
	background-color:#fedc01;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomContent .contentRight.bgorange {
	background-color:#ffa300;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomContent .contentRight.bgorange p, .pageFramework01 .contentContainer .bottomContentRow .bottomContent .contentRight.bgyellow p {
	font-size: 17px;
	color:#2e008b;
	font-weight:bold;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomContent .contentRight.bgorange p.more, .pageFramework01 .contentContainer .bottomContentRow .bottomContent .contentRight.bgyellow p.more {
	margin:0;
	padding:10px 0;
	font-size:14px;
	font-weight:bold;
	color:#3c3c3b;
	text-align:right;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomContent .contentRight.bgorange p.more a, .pageFramework01 .contentContainer .bottomContentRow .bottomContent .contentRight.bgyellow p.more a {
	color:#3c3c3b;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomContent p {
	margin:0;
	padding:0;
}
.pageFramework01 .contentContainer .bottomContentRow .bottomColRight {
	margin:0;
	padding:0 0 0 14px;
	float:left;
	width:386px;
}

.pageFramework01 .footer {
	margin:0;
	padding:20px 0;
}
.pageFramework01 .footer p {
	margin:0;
	padding:0;
	font-size: 10px; 
	color:#000;
	line-height:1.3em;
}
.pageFramework01 .footer p.copyright {
	padding-top:10px;
}


/* tablet */
@media all and (max-width: 816px) {
	.pageFramework01 .contentContainer .bottomContentRow .bottomColRight {
		margin:0;
		padding:11px 0 0 0;
	}
	.pageFramework01 .contentContainer .bottomContentRow .bottomColLeft {
		margin:0 auto;
		padding:0;
		float:none;
	}
	.pageFramework01 .contentContainer .bottomContentRow .bottomColRight {
		margin:0 auto;
		padding:11px 0 0 0;
		float:none;
	}
	.pageFramework01 .footer {
		padding-left:10px;
		padding-right:10px;
	}
}

/*mobile phone*/
@media screen and (max-width: 480px) {
	.pageFramework01 .contentContainer .contentRow .contentColLeft {
		width:100%;
		height:auto;
	}
	.pageFramework01 .contentContainer .contentRow .contentColRight {
		margin:0;
		padding:0 4%;
		float:left;
		width:92%;
		min-height:auto;
	}
}