html{
	overflow-x: hidden;
}

body{
	margin:0px;
	font-family: Microsoft JhengHei, 'Roboto', sans-serif;
	/* overflow-x: hidden; */
	-webkit-font-smoothing:antialiased;
	background:#fff;
}
.dateTd{
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	/* padding-right:0px; */
	padding-right:15px;
	border-bottom:2px dashed #D9DADB;
}
.dateMenu{
	padding-bottom:10px;
	font-size:18px;
}

.datePic{
	display:inline-block;
	vertical-align:top;
	/* margin-right:40px */
}

.dateBox{
	background:#EE4339;
	display:inline-block;
	width:60px;
	height:110px;
	color:#FFF;
	font-size:23px;
	padding-top:30px;
	vertical-align:top;
	text-align:center;
	margin-right:-4px;
	 -webkit-box-sizing: content-box;
	 line-height: 36px;    border-radius: 3px;
	/* margin-right:14px */
}

.dateBox2{
	text-align:center;
	display:inline-block;
	vertical-align:top;
}

.dateWord{
	display:inline-block;
	width:541px;
	 margin-left:-4px; 
	/* padding-left:40px; */
	padding-bottom:10px;
	/*background:#E5E6E7;*/
	min-height:120px;
	-webkit-box-sizing: content-box;
}

.dateWord1{
	padding-top:15px;
	font-size:22px;
	color:#EAA52E;
	padding-left:30px;
	padding-right:30px;
}

.dateWord2{
	font-size:18px;
	color:#403F41;
	/*padding-left:30px;
	padding-right:30px;*/
	padding: 8px 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



.newsTd{
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:2px dashed #D9DADB;
}

.newsMenu{
	padding-bottom:10px;
	font-size:18px;
}

.newsPic{
	display:inline-block;
	vertical-align:top;
	/* margin-right:40px */
}

.newsbox{
	background:#EE4339;
	display:inline-block;
	width:70px;
	height:107px;
	color:#FFF;
	font-size:26px;
	padding-top:23px;
	vertical-align:top;
	text-align:center;
	margin-right:-4px
	/* margin-right:14px */
}

.newsBox2{
	text-align:center;
	display:inline-block;
	vertical-align:top;
}

.newsWord{
	/* display:inline-block;
	width:521px; */
	display:inline-block;
	width:521px;
	/* margin-left:-4px; */
	/* padding-left:40px; */
	padding-bottom:10px;
	background:#E5E6E7;
	min-height:120px;
}

.newsWord1{
	/* padding-top:35px; */
	padding-top:15px;
	font-size:22px;
	color:#403F41;
	padding-left:40px;
	padding-right:40px;
}

.newsWord2{
	font-size:18px;
	color:#403F41;
	padding-left:40px;
	padding-right:40px;
}


.book1{
	display:inline-block;
	width: 50%;
	vertical-align: top;
}
.book2{
	display:inline-block;
	vertical-align:top;
	width: 50%;
	padding-left: 10px;
}

.book1 img{
	width: 95%;
	max-width: 315px;
}

.banner{
	width: 100%;
	height: 700px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}


.banner_mobile{
	position:absolute;
	bottom:0px;
	width:100%;
	height:700px;
	
	background: -moz-linear-gradient(top, rgba(141,96,28,0) 0%, rgba(141,96,28,0) 44%, rgba(141,96,28,0.8) 62%, rgba(141,96,28,0.9) 100%);
	background: -webkit-linear-gradient(top, rgba(141,96,28,0) 0%,rgba(141,96,28,0) 44%,rgba(141,96,28,0.8) 62%,rgba(141,96,28,0.9) 100%);
	background: linear-gradient(to bottom, rgba(141,96,28,0) 0%,rgba(141,96,28,0) 44%,rgba(141,96,28,0.8) 62%,rgba(141,96,28,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008d601c', endColorstr='#e68d601c',GradientType=0 );
}

.banner_mobile_inside{
	color:#FFF;
	position:absolute;
	width:100%;
	bottom:50px;
}

.banner_mobile_Title{
	text-align:center;

}

.banner_mobile_Content{
	text-align:center;
	margin-top:30px;
}

.banner_mobile_Button{
	font-size:1em;
	margin-top:75px;
	background:#EAA52F;
	width:128px;
	height:36px;
	text-align:center;
	margin:0px auto;
}
.bannerBlock_mobile{	
	display:none;
}
.cycle-pager-mobile{
	text-align: right; width: 100%; z-index: 500; position: absolute; /* top: 10px; */ bottom: -10px; right:10px; overflow: hidden;
}

.cycle-pager-mobile span { 
    font-family: arial; font-size: 50px; width: 16px; height: 50px; outline:none;
    display: inline-block; /* color: #ddd; */ ; color:#58595B ;cursor: pointer; 
}
.cycle-pager-mobile span.cycle-pager-active { /* color: #D69746; */ color:#D1D3D4 }
.cycle-pager-mobile > * { cursor: pointer;}
.blockContainer_mobile{
	padding:20px;
	color:#FFF;
}
.searchContainer{
	width:273px;
	height:30px;
	background:#CF9C2F;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}
.langContainer{
	width:29px;
	height:21px;
	background:#FFF;
	font-size:0.7em;
	border-radius:2px;
	text-align:center
}
.langWord{
	position:relative;
	top:2px;
	color:#CF9C2F
}
.langContainer0{
	width:29px;
	height:21px;
	font-size:0.7em;
	border-radius:2px;
	text-align:center
}
.langWord0{
	position:relative;
	top:2px;
	color:#FFF
}
.monthly_book{
	margin-right:28px;
	margin-bottom:20px
}

.bannerContainer{
	margin-top: 83px !important;
}

.bannerBlock{
	position: absolute;
    top: 0px;
    left: 0px;
    z-index: 999;
    width: 45%;
    /* height: 700px; */
    height: 100%;
    background: url('../images/index_image/bannerBlock3.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s
}

.close-banner-block{
	left: -40%;
}

.blockContainer{
	color:#FFF;
	/* padding-top:287px; */
	/*padding-top:137px;
	padding-left:200px;
	padding-right:45px*/
	position: relative;
	width: 100%;
	height: 100%;
}

.blockArea{
	position: absolute;
	width: 70%;
    top: 50%;
    left: 60%;
    transform: translate(-60%, -50%);
    -ms-transform: translate(-60%, -50%);
    -webkit-transform: translate(-60%, -50%);
    -moz-transform: translate(-60%, -50%);
    -o-transform: translate(-60%, -50%);

}

.blockTitle{
	/* font-size:42px */
	font-size:50px;
	line-height: 80px;
}
.blockContent{
	/* font-size:1em; */
	/* font-size:18px; */
	font-size: 25px;
	padding-top: 25px
}
.blockButton{
	font-size: 20px;
    margin-top: 45px;
    background: #EAA52F;
    width: 128px;
    /* height: 36px; */
    /* height: 50px; */
    text-align: center;
    padding: 7px 0px;
}

.banner-block-button{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 5%;
	height: 100%;
	cursor: pointer;
}

.blockButton2{
	
	/* font-size:1em; */
	font-size: 1.26em;
	/* margin-top:75px; */
	margin-top:30px;
	margin-bottom:48px;
	background:#EAA52F;
	width:87px;
	height:30px;
	text-align:center
}
.blockButton2_book{
	margin-left:18px;
	margin-top:70px;
	margin-bottom:70px;
}
.blockButtonWord{
	/*position:relative;
	top:6px*/
}
.upcomingEventsBullet{
	padding-left:5px;
	padding-top:26px;
	/* padding-top:20px; */
	/* padding-bottom:20px; */
	border-bottom:2px dashed #D9DADB;
	width:27px;
}
.s_msg_Bullet{
	/* padding-left:5px; */
	/* padding-top:20px;
	padding-bottom:20px; */
	padding-top:25px;
	border-bottom:2px dashed #D9DADB;
	width:20px;
}
.upcomingEventsDate{
	padding-left:15px;
	padding-top:20px;
	/* padding-bottom:20px; */
	border-bottom:2px dashed #D9DADB;
	font-size:20px
}
.upcomingEventsWord{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:2px dashed #D9DADB;
	padding-left:57px;
	font-size:20px
}
.upcomingEventsWord2{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:2px dashed #D9DADB;
	padding-left:0px;
	font-size:20px;
}
.s_msg_Word{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:2px dashed #D9DADB;
	padding-left:0px;
	font-size:20px;
}
.upcomingEventsImg{
	position:relative;
	top:3px;
	padding-right:16px
}
.upcomingEventTable{
	width:765px;
	padding-top:35px;
	border-collapse: separate;
}
.news{
	cursor:pointer
}
.upcomingEvents{
	cursor:pointer
}
.contentContainer{
	width:1920px;
	background:#EAA52E;
}
.contentContainer_yellow1{
	/* width:1920px; */
	width:100%;
	height:486px;
	background:#EAA52E;
}
.contentContainer_white1{
	/* width:1920px; */
	width:100%;
}
.contentContainer_grey1{
	/* width:1920px; */
	width:100%;
	/* height:486px; */
	background:#F2F2F2;
}
.upcomingEventTd{
	padding-top:0px;
	/* padding-top:48px; */
	/* padding-left:18px */
}
.chairman_pic2{
	display:none;
}

.shortMsg_bg{
	display:inline-block;
	/* width:60%; */
	width:39%;
	vertical-align:top;
}
.shortMsg{
}
.monthly{
	/* display:inline-block; */
	/* width:39%; */
}
.monthly_word{
	font-size:20px;
	margin-left:18px;
	line-height: 25px;
}
.monthly_dl_word{
	font-size:18px;
	color:#EAA52E;
	/* margin-top:56px; */
	float:right;
	margin-right:5px;    border-radius: 5px;padding: 0px 20px;
    text-align: center;
    border: 2px solid #e4e4e4;
    box-shadow: 0px 0px 10px #eee;
}
.monthly_dl_word a{color: #EAA52E;font-weight: bold;}
.monthly_block{
	margin-top:32px;
	margin-bottom:10px;
}
.showcaseInside{
	/* text-align:center; */
}
.review img{
	margin-bottom:25px;
	width:100%;
}
.review{
	font-size:20px;
}
.review1{
	margin-top:30px;
	display:inline-block;
	/* width:21.6%; */
	width:22%;
	/* margin-right:3%; */
	vertical-align:top
}
.review2{
	margin-top:30px;
	display:inline-block;
	width:22%;
	margin-left: 3.5%;
	/* margin-right:1.5%; */
	vertical-align:top
}
.review3{
	margin-top:30px;
	display:inline-block;
	width:22%;
	margin-left: 3.5%;
	vertical-align:top
}
.review4{
	margin-top:30px;
	display:inline-block;
	width:22%;
	margin-left: 3.5%;
	vertical-align:top
}

.insideContainer{
	width:1000px;
	margin:0px auto
}
.white_titleBullet{
	padding-left:18px;
}
.white_titleBullet2{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 11px 11px;
	border-color: transparent transparent #ffffff transparent;
	font-size: 0px;
    vertical-align: middle;
	position: relative;
    top: -5px;
    left: 11px;
}
.title_yellow1{
	/* font-size:2.1875em; */
	font-size:35px;
	color:#EAA52E;
	padding-top:48px
}
.title_yellow1b{
	/* font-size:2.1875em; */
	font-size:35px;
	color:#EAA52E;
	width: 99%;
	padding-top:48px;
	border-bottom:2px solid #EAA52E; 
}
.title_yellow{
	/* font-size:2.1875em; */
	font-size:35px;
	color:#EAA52E;
	padding-top:48px
}
.title_yellow2{
	font-size:2.1875em;
	color:#EAA52E;
	padding-top:28px;
	/* padding-left:20px; */
	padding-left:8px;
	display:none;
	border-bottom:2px solid #EAA52E;
}
.title_white{
	font-size: 3em;
	color:#FFF;
	padding-top:48px;
	font-weight:bold;
	border-bottom:2px solid #FFF;
	width:25%;
}
.yellow_line1{
	/* padding-left:20px; */
	padding-left:8px;
	margin-bottom:20px;
	display:none;
	width:180px;
}
.yellow_line2 img{
	width:100%;
}
.white_subtitle{
	padding-top:55px;
	font-size:30px;
	color:#FFF;
	font-weight:bold
}
.white_content{
	padding-top:24px;
	font-size:24px;
	color:#FFF;
}
.vertBar{
	background:#EAA52F
}
.chairman_mention{
	/* width:765px; */
	width:1000px;
	margin:0px auto;
}
.showcase{
	/* width:95% */
	width: 100%;
}
.adv{
	width:100%;
	max-width:396px;border: 1px solid #ddd;
}
.monthly_background{
	display:inline-block;
	/* width:39%; */
	width:56%;
	margin-right:4%;
}
.a1:link{
	text-decoration:none;
	color:#333333;
}
.a1:visited{
	text-decoration:none;
	color:#333333;
}
.a1:hover{
	text-decoration:none;
	color:#333333;
	opacity:0.5
}
.a1:active{
	text-decoration:none;
	color:#333333;
}



.a2:link{
	text-decoration:none;
	color:#FFF;
}
.a2:visited{
	text-decoration:none;
	color:#FFF;
}
.a2:hover{
	text-decoration:none;
	color:#FFF;
	opacity:0.5
}
.a2:active{
	text-decoration:none;
	color:#FFF;
}

.a3:link{
	text-decoration:none;
	color:#000;
}
.a3:visited{
	text-decoration:none;
	color:#000;
}
.a3:hover{
	text-decoration:none;
	/*color:#FFF;*/
	color: #eaa52e;
}
.a3:active{
	text-decoration:none;
	color:#000;
}
.dateMenu1:link{
	color:#000;
	text-decoration:none;
}


.dateMenu1:visited{
	color:#000;
	text-decoration:none;
}


.dateMenu1:hover{
	color:#000;
	opacity:0.5;
	text-decoration:none;
}


.dateMenu1:active{
	color:#000;
	text-decoration:none;
}


.newsMenu1:link{
	color:#000;
	text-decoration:none;
}


.newsMenu1:visited{
	color:#000;
	text-decoration:none;
}


.newsMenu1:hover{
	color:#000;
	opacity:0.5;
	text-decoration:none;
}


.newsMenu1:active{
	color:#000;
	text-decoration:none;
}
.cy2{
	display:none;
}
.dateBox_item{
	display:none;
	background:#E5E6E7;
}

.dateWord_b{
	color:#403F41;
	font-size:22px;
}

.dateBox_item2{
	width:100%;
	background:#E5E6E7;
	/* position:absolute; */
	bottom:0px;
}

.dateBox_b{
	background:#EE4339;
	display:inline-block;
	/* width:70px; */
	width:60%;
	height:60px;
	color:#FFF;
	font-size:26px;
	padding-top:10px;
	vertical-align:top;
	text-align:center;
	margin-right:-4px;
	margin-top:-33px;
	/* margin-right:14px */
}

.dateWord1b{
	padding-top:30px;
	font-size:22px;
	color:#403F41;
	padding-left:40px;
	padding-right:40px;
}

.dateWord2b{
	font-size:16px;
	color:#403F41;
	padding-left:40px;
	padding-right:40px;
	padding-bottom:30px;
}

.advertisement-container{
  display: block;
}

.advertisement-item{
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.advertisement-item.img-left{
  text-align: left;
}

.advertisement-item.img-right{
  text-align: right;
}


.mobile-advertisement{
  display: none;
}

.flex-row-center {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly
}


/* @media only screen and (max-width: 1280px) {*/
@media only screen and (max-width: 1400px) {
	.blockTitle{
		line-height: 60px;
	}

	.blockContent{
		font-size: 20px;
		padding-top: 20px;
	}
}

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

	.blockTitle{
		font-size: 40px;
		line-height: 60px;
	}
	.blockContent{
		font-size: 20px;
		padding-top: 15px;
	}

	.blockButton{
		font-size: 16px;
	    margin-top: 50px;
	    width: 115px;
	    padding: 5px 0px;
	}
}

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

	.blockTitle{
		font-size: 35px;
		line-height: 55px;
	}
	.blockContent{
		font-size: 18px;
		padding-top: 12px;
	}

}

@media only screen and (max-width: 990px){
	.bannerContainer{
		margin-top: 120px !important;
	}

	.blockTitle{
		font-size: 26px;
		line-height: 1.5;
	}
	.blockContent{
		font-size: 16px;
		padding-top: 10px;
	}

	.blockButton{
		font-size: 14px;
		margin-top: 30px;
		width: 100px;
		padding: 2px 0px;
	}
}

@media only screen and (max-width: 1023px) {
	.upcomingEventTable{
		width:98%;
	}
	.upcomingEventTable{
		padding-top:0px;
	}
	.blockButton2_book{
		/* margin-right:43%; */
		margin-right:0%;
		margin-left:28px;
		margin-top:85px;
		margin-bottom:120px
	}
	.chairman_mention{
		/* width:765px; */
		width:98%;
	}
	.title_yellow1{
		display:none;
	}
	.title_yellow1b{
		display:none;
	}
	.vertBar{
		display:none;
	}
	.insideContainer{
		width:100%;
	}
	.yellow_line1{
		display:block;
	}
	.title_yellow2{
		display:block;
	}
	.chairman_pic{
		display:none;
	}
	.shortMsg{
		display:block;
		margin:0px auto;
		/* width:765px; */
		width:98%;
	}
	.monthly{
		display:block;
		margin:0px auto;
		/* width:60%; */
		/* width:765px; */
		width:98%;
	}
	.yellow_line{
		display:none;
	}
	.showcase{
		width:765px;
		margin:0px auto;
	}
	.review{
		width:40%;
	}
	.review1{
		margin-left:6%;
	}
	.review3{
		margin-left:6%;
	}
	.chairman_pic2{
		display:block;
		margin:0px auto;
		max-width:318px;
		width:60%;
	}
	.yellow_line2 img{
		width:235px;
	}
	.contentContainer_yellow1{
		height:auto;
	}
	.monthly_background{
		width:100%;
		margin-right:0;
	}
	.shortMsg_bg{
		width:100%;
		background:#F2F2F2;
		padding-bottom:30px;
	}


	.advertisement-container{
	  display: none;
	}

	.mobile-advertisement{
	  display: block;
	  padding: 10px 5px;
	}

	.mobile-advertisement.bottom{
	    width: 765px;
	    margin: 0px auto;
	    padding:0;
	}
}

@media only screen and (max-width: 767px) {
	.bannerContainer{
		margin-top: 70px !important;
	}
	.dateBox_item{
		display:block;
		position:relative;
	}
	
	.dateBox2{
		display:none;
	}
	
	.dateWord{
		display:none;
	}
	
	.cy1{
		display:none;
	}
	
	.cy2{
		display:block;
	}
	.dateTd{
		padding-top:20px;
		padding-bottom:20px;
		border-bottom:2px dashed #D9DADB;
	}
	.newsTd{
		padding-top:20px;
		padding-bottom:20px;
		border-bottom:2px dashed #D9DADB;
	}
	.dateBox2{
		width:100%;
	}
	.newsBox2{
		width:100%;
	}
	.newsPic{
		margin-right:0px
	}
	.datePic{
		margin-right:0px
	}
	.dateWord{
		width:100%;
	}
	.dateWord1{
		padding-top:15px;
		padding-left:20px;
		padding-right:10px;
		/* padding-left:20px */
	}
	.dateWord2{
		padding-left:20px;
		padding-right:20px;
		/* padding-left:20px */
	}
	.newsWord{
		width:100%;
	}
	.newsWord1{
		padding-top:15px;
		/* padding-left:20px */
	}
	.newsWord2{
		/* padding-left:20px */
	}
	
	.blockButton2_book{
		margin-right:0%;
		margin-left:28px;
		margin-top:85px;
		margin-bottom:120px
	}
	.bannerBlock_mobile{
		display:block;
		background:#cf9c2f;
	}
	.bannerBlock{
		display:none;
	}
	.upcomingEventTable{
		width:98%;
	}
	.upcomingEventTd{
		padding-left:0px
	}
	.upcomingEventsDate{
		display:block;
		padding-left:15px;
		padding-top:20px;
		padding-bottom:0px;
		border-bottom:0px dashed #D9DADB;
		font-size:20px
	}
	.upcomingEventsWord{
		display:block;
		padding-top:20px;
		padding-bottom:20px;
		border-bottom:2px dashed #D9DADB;
		padding-left:15px;
		font-size:20px
	}
	.chairman_mention{
		/*padding-left:5%;
		padding-right:5%;*/
		width:90%;
	}
	.shortMsg{
		width:95%;
	}
	.showcase{
		width:90%;
	}
	.review{
		width:95%;
		text-align:left;
	}
	.review1{
		margin-left:0%;
	}
	.review1{
		margin-right:0%;
	}
	.review3{
		margin-left:0%;
	}
	.showcaseInside{
		text-align:center
	}
	.monthly_background{
		width:100%;
		padding-bottom:30px;
	}
	.monthly_word{
		display:block;
	}
	.monthly{
		display:block;
		margin:0px auto;
		width:90%;
	}
	.monthly img{
		max-width:294px;
	}
	.title_white{
		width:100%;
	}

	.bannerContainer {
	    margin-top: 70px !important;
	}

	.mobile-advertisement.bottom {
	    width: 90%;
	    padding:0;
	}


}

@media only screen and (max-width: 500px) {
	.monthly_word{
		display:block;
	}
	.monthly_book{
		width:100%;
	}
	.monthly_word{
		margin-left:0px;
	}
	.monthly_word{
		clear:both;
	}
		.blockButton2_book{
		margin-left:0px;
		margin-top:50px;
		margin-bottom:30px;
	}
	.book2{
		padding-top:20px;
	}

	.monthly_word{
		font-size: 16px;
	}
}
@media only screen and (max-width: 350px) {
	.book1 img{
		width:100%;
	}
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */