@charset "utf-8";

/* CSS Document */



/*側邊_相簿*/

ul.side_album{



	margin:30px -10px 30px 0;}



ul.side_album li{

	float:left;

	width:20%;

	padding:0 10px 10px 0;}



ul.side_album li a{

	display:block;}



ul.side_album li a img{

	display:block;

	width:100%;}



.classNote{

	padding-bottom:30px;

	font-family:"微軟正黑體", "新細明體", sans-serif;

	font-size:16px;

	color:#2f2f2f;

	text-align:center;

	line-height:1.8;

	width:90%;

	margin:0 5%;}



.workArea{

	width:100%;

	overflow:hidden;

	background:#fff;}



.workArea ul{

	margin:0 -5px;}

	

.workArea li{

	padding:0px 5px 30px 5px;}

	

.workArea li .Img{

	overflow:hidden;

	position:relative;

	background:#439DD0;}



.workArea li .Img img{

	display:block;

	transition:all 0.4s ease;

	width:100%;}

	

.workArea li:hover .Img img{

	opacity:0.1;}

	

.workArea li .Img:before{

	font-family: 'Lato', sans-serif;

	content:"Read More ";

	font-size:15px;

	padding-top:60px;

	text-align:center;

	color:#fff;

	background:url(../images/icon02.png) no-repeat center top;

	background-size:60%;

	width:80px;

	height:45px;

	position:absolute;

	top:50%;

	left:50%;

	margin-left:-40px;

	margin-top:-70px;

	transition:all 0.4s ease;

	opacity:0;}

	

.workArea li:hover .Img:before{

	top:65%;

	opacity:1;}

	

.workArea li .Txt{

	text-align:center;

	padding-top:15px;}

	

.workArea li .Txt h3{

	font-weight:normal;}	



.workArea li .Txt h3 a{

	color:#439DD0;

	font-size:18px;}

	

.workArea li .Txt h3 a:hover{

	text-decoration:underline;}	

	

.workArea .btn {

	text-align:center;}

	

.workArea .btn a{

	display:inline-block;

	background:#000;

	padding:12px 22px;

	font-size:1em;

	border:1px solid #000;}

	

.workArea .btn a:hover{

	color:#000;

	font-weight:800;}	



/******內頁******/

.contentBox{}



.contentBox .leftBox{

	float:left;

	width:45%;}



.contentBox .leftBox .Img{}



.contentBox .leftBox .Img img{

	width:100%;}

.contentBox .rightBox{

	float:right;

	width:50%;}

.contentBox .rightBox h3.articleTitle{

	padding:10px 0;

	border:none;}

	

.contentBox .rightBox .tab {

    margin-top: 10px;}



.tab a.addInquiry{

	float:right;

	background:#2CAD2B;}



.tab a.addInquiry:hover{

	background:#226144;}



@media (max-width: 800px){

.workArea li{

	width:90%;

	padding:0px 0 30px 0;

	margin:0 5%;}

}



@media (max-width:767px){

	

	/*內頁*/

.contentBox .leftBox{

	float:none;

	width:100%;

	padding:0;}



.contentBox .rightBox{

	float:none;

	width:100%;

	margin-top:20px;}





}