@charset "utf-8";



/* mainContent */
	#mainContent{
		padding-top:60px;
	}
	
	@media only screen and (max-width: 960px) {
	#mainContent{
		padding-top:0px;
	}	
	}
	

/* concept */
	#concept .bgBox01{
		border-bottom:1px solid #e3eff4;
		border-top:1px solid #e3eff4;
		background:url(../../imgs/concept/bg-img01.jpg) no-repeat top center;
		background-size:cover;
		padding:40px 20px;
	}
	#concept .bgBox01 .fl{
		width:48%;
	}
	#concept .bgBox01 .fr{
		width:48%;
	}
	@media only screen and (max-width: 960px) {
	#concept .bgBox01{
		background-size:100% 100%;
	}
	#concept .bgBox01 .fl{
		margin-bottom:20px;
	}
	}
	
	@media only screen and (max-width: 640px) {
	#concept .logo{
		margin:0px auto 20px;
		width:65%;
	}
	}
	
	
	
/* menu */

	
	
	
/* gallery */		
	#gallery .listBox .box{
		margin-right:2.85714286%;
		float:left;
		width:22.8571429%;
		margin-bottom:20px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		position: relative;
		overflow: hidden;
	}
	#gallery .listBox .box:nth-of-type(4n){
		margin-right:0%;
	}
	#gallery .listBox .last{
		margin-right:0px !important;
	}	
	
	@media only screen and (max-width:640px) {
	#gallery .listBox .box{
		width:48%;
	}
	#gallery .listBox .box:nth-of-type(2n){
		float:right;
		margin-right:0%;
	}
	}
	
	
	#gallery .detailBox .box{
		margin-right:2.85714286%;
		float:left;
		width:22.8571429%;
		margin-bottom:20px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		position: relative;
		overflow: hidden;
	}
	#gallery .detailBox .photo span{
		height: 0;
		padding-bottom: 80%;
		overflow: hidden;
		display: block;
	}
	#gallery .detailBox .box:nth-of-type(4n){
		margin-right:0%;
	}
	#gallery .detailBox .last{
		margin-right:0px !important;
	}
	#gallery .detailBox .box .caption {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.6);
		-webkit-transition: .3s;
		transition: .3s;
		opacity: 0;
	}
	#gallery .detailBox .box:hover .caption {
		opacity: 1;
	}
	#gallery .detailBox .caption .Inner {
		position:absolute;
		z-index: 2;
		bottom:0px;
		padding:5px;
	}
	#gallery .detailBox .caption h3{
		color:#FFF;
	}
	#gallery .detailBox .box .caption p{
		color:#FFF;
	}
	#gallery .detailBox .box .caption a{
		z-index:999;
		display: block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	
	@media only screen and (max-width:640px) {
	#gallery .detailBox .box{
		width:48%;
	}
	#gallery .detailBox .box:nth-of-type(2n){
		float:right;
		margin-right:0%;
	}
	}
	
/* access */	
	#access #main .map iframe{
		height:500px;
	}
	@media only screen and (max-width:640px) {
	#access #main .map{
		margin:0px 20px;
		display:none;
	}
	}
	
/* contact */		
	#contact .wpcf7-form table {
		margin-bottom: 5px;
		width: 100%;
		border-bottom: 1px solid #ECECEC;
	}
	
	#contact .wpcf7-form th {
		border-top: 1px solid #ECECEC;
		color: #545454;
		font-size: 1.3em;
		padding: 0 2px 0 5px;
		text-align: left;
		vertical-align: middle;
	}
	
	#contact .wpcf7-form .special {
		margin: 0 0 20px 5px;
		font-size: 1.0em;
	}
	
	#contact .wpcf7-form .vTop {
		padding-top: 16px;
		vertical-align: top;
	}
	
	#contact .wpcf7-form th span {
		color: #C51010 ;
	}
	
	#contact .wpcf7-form td {
		border-top: 1px solid #ECECEC;
		padding: 6px 0 5px;
		text-align: left;
		vertical-align: middle;
	}
	
	#contact .wpcf7-form .submit {
		text-align: center;
	}
	
	#contact .wpcf7-form .submit input {
		border: 0;
	}
	
	#contact #fName,.wpcf7-text {
		height: 34px;
		width: 100%;
	}
	
	#contact #fEmail,.wpcf7-email {
		height: 34px;
		width: 100%;
	}
	
	#contact #fMessage,.wpcf7-textarea {
		border: 1px solid #D1D1D1;
		height: 156px;
		width: 100%;
	}
	
	#contact * input {
		border: 1px solid #D1D1D1;
	}
	@media only screen and (max-width:640px) {
	#contact .wpcf7-form th {
		width:40%;
	}
	#contact #fName,.wpcf7-text,
	#contact #fEmail,.wpcf7-email {
		width: 84%;
	}
	#contact #fMessage,.wpcf7-textarea {
		width: 90%;
	}
	}
	
	
/* staff */	
	#staff .profileBox h3{
		font-size:24px;
		color:#6d032b;
		font-weight:bold;
	}
	#staff .profileBox .photo{
		width:34.7826087%
	}
	#staff .profileBox .photo{
		width:34.7826087%
	}
	#staff .profileBox .textbox{
		width:59.4202899%
	}
	
	@media only screen and (max-width:640px) {
	#staff .profileBox .photo{
		margin-bottom:20px;
	}
	}