@charset "utf-8";
/* CSS Document */

body{ font-family: "微軟正黑體" ; margin: 0 0 0 0;padding: 0 0 0 0; width:100%;}

.block00{
	background:#CBEFE5;
	padding:0 0 0 0;
	width: 100%;}
.title-img{
	background: #CBEFE5;
	display: block;
	margin: 0 auto;
	padding: 40px 0 40px 0;
	width: 100%;max-width: 1762px;}

.content{margin: 0 auto; width: 100%; max-width: 1300px;min-width: 300px;}

.block01{
	background: #FFFFFF;
	padding: 40px 0 40px 0;
	width: 100%;
}

.textblock{margin: 0 auto 40px auto;text-align: left; width:64%;}

.leftblock{display: inline-block;padding:0 0 0 4%;width:57%;}
.rightblock{vertical-align:middle; display: inline-block;width:34.7%;}

.block02{
	background: #76bdaa;
	padding: 40px 0 40px 0;
	width: 100%;
}

.block03{
	background: #b5f0e1;
	padding: 40px 0 40px 0;
	width: 100%;
}

.check{color:#666666;font-size: 11pt;text-align: center; padding: 20px 0;}
.enter{background:#5ba693;color:#FFFFFF; display: block;font-size: 14pt;font-weight: bold; line-height: 32px;margin: 0 auto;text-align: center; width: 100px;}

footer{color: #666666;font-size: 10pt; text-align: center; }


.title01{color: #59a494;}
.title02{color: #FFFFFF;}
.title03{color: #ff7283;}
.p2{color:#FFFFFF ;text-align: center;} .p2 span{font-size: 12pt;}
.p3{color:#666666 ;text-align: center;} .p3 span{color: #FF5A79;font-weight: bold;}
h1{text-align: center;}
h2{font-size: 21pt; text-align: center;}
p{color:#666666 ;font-size: 16pt;line-height: 21pt;}

.bg_bottom{background: url(../images/bg_bottom.jpg) repeat-x bottom;}
.block04{
	padding: 20px 0 40px 0;
	width: 100%;
}
.block_slideshow{
	background: url(../images/bg_top.jpg) repeat-x;
	max-height:785px;
	padding-bottom: 2.446%;
	padding:0 0 0 0;
	width: 100%;
}
.slideshow{
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 100%;max-width: 1100px;}
	
.slideshowC{
	margin: 0 auto;
    width: 88%;
    padding-bottom: 71.636%;
    max-width: 1100px;
    max-height: 788px;
    display: block;
    background: gray;}
.slideshow .item {
	text-align:center;	
}
.slideshow .item img{
	width: 100%; max-width: 1000px;
	
}
.gotop {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 5px;
    bottom: 5px;
    background: url(//www.cts.com.tw/images/gotop.png) no-repeat;
    background-size: contain;
    z-index: 10000;
    cursor: pointer;
}

.calendar_download{
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width: 100%;
	overflow:hidden;
}

.cover{background:hsla(0,0%,0%,0.75);display: block;height:251px;width: 100%;max-width:350px;}

.monthPreview{
    width: 27.33%;
    position: relative;
    float: left;
    margin: 3%;
}
.monthPreview img{
	
	max-width:350px;
	max-height:251px;
	padding-bottom: 1.4%;

}

.monthPreview img.original{
	width: 100%;
	z-index: 1;
}
.monthPreview img.overlay {
	width: 100%;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-o-transition: opacity 0.2s linear;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition:  opacity 0.2s linear;
}
.monthPreview:hover img {
	z-index: -1;
}
.monthPreview:hover .overlay {
	z-index: 1;
	opacity: 1;
}
.titleIntro p{
	text-align:center;
	font-weight:bold;
}
/*-------RWD--------------------------------------------*/


@media screen and (max-width: 800px) {
	.titleIntro {
		width: 95%;
		margin: 0 auto;
	}
	.monthPreview{
		width: 45.98%;
		position: relative;
		float: left;
		margin: 2%;
	}
}
@media screen and (max-width: 400px) {
	.titleIntro {
		width: 88%;
		margin: 0 auto;
	}
	.monthPreview{
		width: 88%;
		position: relative;
		float:none;
		margin: 0 auto;
	}
}