@charset "utf-8";

.content-main > div.content { padding:20px;
background: rgba(255, 255, 255);
background: -moz-linear-gradient(90deg, rgba(255, 255, 255,0.95) 0%, rgba(255, 255, 255,0.9) 100%);
background: -webkit-linear-gradient(90deg, rgba(255, 255, 255,0.95) 0%, rgba(255, 255, 255,0.9) 100%);
background: -o-linear-gradient(90deg, rgba(255, 255, 255,0.95) 0%, rgba(255, 255, 255,0.9) 100%);
background: -ms-linear-gradient(90deg, rgba(255, 255, 255,0.95) 0%, rgba(255, 255, 255,0.9) 100%);
background: linear-gradient(180deg, rgba(255, 255, 255,0.95) 0%, rgba(255, 255, 255,0.9) 100%);
}

.wrap { width:100%; height:auto; overflow:hidden;
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}

.wrap .image { width:50%; height:auto; overflow:hidden; float:left; padding-right:10px;}
.wrap .image .image-big{ width:100%; height:auto; overflow:hidden; float:left;}
.wrap .image .image-big div{ width:100%; height:auto; overflow:hidden; float:left; border:1px solid #ccc; padding:10px; background:#fff; margin-bottom:10px;}
.wrap .image .image-big div img { max-width:100%; height:auto; display:block; margin:0 auto;}

.wrap .image .image-small { width:100%; height:auto; overflow:hidden; float:left; margin-bottom:10px;}
.wrap .image .image-small > div { width:calc( 20% - 10px ); height:auto; overflow:hidden; float:left; margin-right:12.5px; border:1px solid #ccc;}
.wrap .image .image-small > div img { display:block; max-width:100%; height:auto; float:left;}
.wrap .image .image-small > div:last-child { margin-right:0;}

.wrap .right { width:50%; height:auto; overflow:hidden; float:left;}
.wrap .right > div{ width:100%; height:auto; overflow:hidden; float:left; margin-bottom:10px;}
.wrap .right > div.TitleFont { color:#298023; font-weight:bold;}


.content-main > div.content > div.formbtn { width:100%; height:auto; overflow:hidden; margin-bottom:10px; margin-top:10px;
-webkit-flex-display:flex; display: flex;
-webkit-justify-content:center; justify-content:center;
flex-wrap:wrap;}
.content-main > div.content > div.formbtn > a { display:inline-block; width:auto; height:auto; overflow:hidden; float:left; padding:10px;
/*圓角*/
-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
/*基礎動畫設定*/
-webkit-transition:all 0.5s; transition:all 0.5s;}
.content-main > div.content > div.formbtn > a:link,
.content-main > div.content > div.formbtn > a:visited { background:#298023; color:#fff;}
.content-main > div.content > div.formbtn > a:hover,
.content-main > div.content > div.formbtn > a:active { color:yellow;}

@media only screen and (min-width:0px) and (max-width:768px){
	.content-main > div.content { padding:10px; }
	.wrap .image,
	.wrap .right { width:100%;}
	}