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

        body { margin: 0; padding: 0; 
		-webkit-font-smoothing: subpixel-antialiased !important;}
        section {/* padding: 20px 50px; margin: 0 auto;*/}
		
		.site-wrapper {
			background-color: #fff;
			overflow: hidden;
			height: 99%;
   			-webkit-transition: all .3s ease;
    		-moz-transition: all .3s ease;
    		transition: all .3s ease;
    		position: relative;
    		z-index: 3;
    		padding: 0;
    		margin: 0 auto;
			
		}
		
		.site-inner-wrapper {
    	position: relative;
  		}
		#content-wrapper {
		opacity: 1;
		position: relative;
		
		background-color: #fff;
		display: block;
		-webkit-transition: opacity .2s;
  		-moz-transition: opacity .2s;
 		 -o-transition: opacity .2s;
 		 transition: opacity .2s;
		}
		
		 .content {
			width: 100%;
			background-color: #fff;
			}
		.content.has-main-image {
			box-shadow: 0 0 75px rgba(0, 0, 0, .1);
		}
		.parallax-item {
			position: relative;
			-webkit-transform: translatez(0);
		
		}
		.title-desc-image {
		/*position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #099;	*/	/*-webkit-transform: translatez(0);*/
		}
		.title-desc-wrapper {
  margin: 0;
  padding: 80px 0 80px 80px;
  position: relative;
}
		
		.title-desc-wrapper {
		position: relative;
		box-sizing: border-box;
		z-index: 10;
		}
		.content-fill{
		 height: 0;
 		 padding-bottom: 100%;
		}
	 	.img-holder {
		/**/position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		-webkit-transform: translatez(0);
		/* [disabled]background-color: #099; */		
		/*position: relative;
		box-sizing: border-box;
		z-index: 11;*/

		}
		.title-desc-wrapper.has-main-image {
		/*padding:80px;
		margin-top: 250px;*/
 		margin-top: 0px;/**/
 		min-height: 250px;
		overflow: hidden;
		
		}
		.title-desc-inner {
		margin: 0;
		max-width: 65%;
		z-index: 100;
		/*position: relative;*/
		position: absolute;
  		margin: 0 auto;
 	 	max-width: 800px;
 		padding: 0;
		}
		
		.title-desc-inner h1.page-title {
		color: #171717;
		background-color: white\9;
		background-color: rgba(255,255,255,0.9);
		padding: 15px 13px 15px 20px;
		}
		
		h1.page-title {
		font-family: 'Source Sans Pro', "微軟正黑體", Arial;
		font-weight: 600;
		font-size: 2.8em;
		line-height: 1em;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: 7px;
		font-weight: 400;
		font-style: normal;
		max-width: 100%;
		display: inline-block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		color: #171717;
		}
		
		.page-desc p {
 		margin: 0 0 .75em;
  		font-family: 'Source Sans Pro', "微軟正黑體", Arial;
  		font-size: 18px;
  		line-height: 1.6em;
 		text-transform: none;
 		text-decoration: none;
  		letter-spacing: 1px;
  		font-weight: 100;
  		font-style: normal;
  		-webkit-hyphens: auto;
  		-moz-hyphens: auto;
  		hyphens: auto;
		}
		.page-desc p:last-child {
  		margin: 0;
		}
		.page-desc a,
		.page-desc a:visited {
 		 color: #171717;
  		background-color: transparent;
  		text-decoration: underline;
		}
		
		.page-desc {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		margin: 25px 0 0;
		max-width: 100%;
		color: #171717;
		}
		
		.title-desc-wrapper.over-image.has-main-image .page-desc {
		color: #171717;
		background-color: white\9;
		background-color: rgba(255,255,255,0.8);
		padding: 15px 20px;
		}
	
		
		
		@media only screen and (min-width: 701px) and (max-width: 1024px) {

.title-desc-inner {
    width: 100% !important;
    position: relative !important;
  }

}


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

	  .title-desc-inner {
    /*padding: 0px 0px 0px !important;*/
	 padding: 40px 20px 20px !important;
    max-width: 660px !important;
    position: relative !important;
  }
.title-background .title-desc-wrapper.over-image.has-main-image .page-title {
padding: 10px 15px;
}
		
		
  .img-holder {
		position: absolute;
		top: 0px ;
		left: 0;
		right: 0;
		bottom: 0;
		-webkit-transform: translatez(0);

		}

/*.title-desc-wrapper:not(.has-main-image) {
    padding: 0;
  }
.title-desc-wrapper.has-main-image {
    padding: 0;
  }*/

  .title-desc-wrapper {
    padding: 0;
  }
 
   h1.page-title {
    font-size: 20px;
  }
  .page-desc p {
    font-size: 13px;
  }
  .page-desc {
    margin-top: 20px;
  }
  }

@media only screen and (min-width: 701px) and (max-width: 1024px) {
 .title-desc-inner {
    max-width: 100% !important;
    position: relative !important;
  }
   .title-desc-wrapper .title-desc-inner,
  /*.title--description-alignment-center .title-desc-wrapper .title-desc-inner {
    padding: 0 0 5%;
    max-width: 100%;
    margin-bottom: 0;
  }
.title--description-position-over-image .title-desc-wrapper:not(.has-main-image) {
    padding: 5%;
  }*/
  .title-desc-wrapper .title-desc-inner {
    padding: 5% 5% 0;
  }
 /*.title--description-position-over-image .title-desc-wrapper.has-main-image,
.title--description-position-over-image .title-desc-wrapper.has-main-image {
    padding: 5%;
    min-height: 200px;
  }
  .touch  .title-desc-wrapper.has-main-image {
    padding-bottom: 250px !important;
  }*/
}


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

.title-desc-inner {
    padding: 40px 20px 20px !important;
    max-width: 660px !important;
    position: relative !important;
  }
 /* .title--description-position-over-image .title-desc-wrapper:not(.has-main-image) .title-desc-inner {
    padding: 20px !important;
  }
  .title--description-position-over-image .title-desc-wrapper.has-main-image .title-desc-inner {
    padding-top: 20px !important;
  }
  .title--description-position-over-image .title-desc-wrapper.has-main-image .title-desc-inner {
    padding-bottom: 125px !important;
  }
  .title--description-position-over-image .title-desc-wrapper:not(.has-main-image) {
    padding: 0;
  }
  .title--description-position-over-image .title-desc-wrapper.has-main-image {
    padding: 0;
  }*/
   .title-desc-wrapper:not(.over-image) .title-desc-inner {
    padding: 20px 0 40px !important;
    margin-bottom: 0;
  }
  .title-desc-wrapper {
    padding: 0;
  }
  
   .title-desc-wrapper.has-main-image {
   /* margin-top: 120px;*/

    margin-top: 50px;
  }
   .title-desc-wrapper.has-main-image {
    min-height: 200px !important;
  }
   .title-desc-wrapper {
    padding: 0;
  }
  h1.page-title {
    font-size: 20px;
  }
  .page-desc p {
    font-size: 13px;
  }
  .page-desc {
    margin-top: 20px;
  }
}