/*
Theme Name:  Milu
 
/*-------------------------------------------------------------------------*/
body{	background-color: #fff;	font-family:"PingFang TC","Lora", "微軟正黑體", "Microsoft JhengHei", Helvetica, Verdana, sans-serif;	 -webkit-font-smoothing: antialiased;	 color: #000;} p{	font-size: 15px;	line-height: 1.8;	text-align: justify;	margin-bottom: 10px;}.clr {	clear: both;}#header-space {	height: 0!important;}#top #logo img{	width: 88px;	height: auto;}#header-outer {	background: transparent url('img/colorband.jpg') no-repeat center top;	background-size: 100%;}.maintitle h3{	font-size: 18px;	color: #fff;	text-transform: uppercase;	margin: 0;	letter-spacing: 0.1em;}.maintitle h1{	 letter-spacing: 0.1em;	text-transform: uppercase;	padding: 0;	padding-top: 0!important;	padding-bottom: 0!important;}.maintitle .subheader {	font-size: 18px!important;	font-family:"PingFang TC","Lora", "微軟正黑體", "Microsoft JhengHei", Helvetica, Verdana, sans-serif;	 -webkit-font-smoothing: antialiased;	 letter-spacing: 0.2em;}.maintitlezone {	display: table;	width: 100%;	height: 100%;}.maintitle {	display: table-cell;	vertical-align: middle;	height: 100%;	width: 100%;	text-align: center;	position: relative;}.maintitle::before {	content:'';	position: absolute;	width: 1px;	height: 30%;	left: 50%;	top: 10%;	background-color: rgba(255, 255, 255, .3);	}.maintitle::after {	content:'';	position: absolute;	width: 1px;	height: 30%;	left: 50%;	bottom: 10%;	background-color: rgba(255, 255, 255, .3);	} .blog-title::before {	content:'';	position: absolute;	width: 1px;	height: 100%;	left: 50%;	top: -110%;	background-color: rgba(255, 255, 255, .3);	}.blog-title::after {	content:'';	position: absolute;	width: 1px;	height: 100%;	left: 50%;	top: 110%;	background-color: rgba(255, 255, 255, .3);	visibility: visible;	}.logozone {   display: table;   width: 100%;  height: 20vh;   transition:All 0.3s ease;  -webkit-transition:All 0.3s ease;  -moz-transition:All 0.3s ease;  -o-transition:All 0.3s ease;  position: relative;  opacity: 1;}.logozoneimg {    display: table-cell;   width: 100%;  height: 100%; vertical-align: middle;text-align: center;	}.logozoneimg img {	width: 120px;	height: auto;	transition:All 0.3s ease;	-webkit-transition:All 0.3s ease;	-moz-transition:All 0.3s ease;	-o-transition:All 0.3s ease;}.colorband {	width: 100%;	height: auto;	position: absolute;	bottom: 0;	left: 0;	transition:All 0.3s ease;	-webkit-transition:All 0.3s ease;	-moz-transition:All 0.3s ease;	-o-transition:All 0.3s ease;	z-index: 2;}   .superscroll .logozone {	 opacity: 0; 	 	transition:All 0.1s ease;	-webkit-transition:All 0.1s ease;	-moz-transition:All 0.1s ease;	-o-transition:All 0.1s ease;} .aboutzonetxt img {	width: 88px;	height: auto;}.aboutzone {	display: table;	width: 100%;}.aboutzonetxt {	display: table-cell;	width: 100%;	height: 100%;	vertical-align: middle;	text-align: center;}.stxt {	width: 50%;	max-width: 900px;	margin: 3% auto 5%;}.stxt h3 {	margin-bottom: 30px;}.sline {	background: transparent url('img/colorband.jpg') no-repeat center center;	background-size: 40%;	padding: 80px 0;	clear: both;}.single-portfolio .row.project-title .container .title-wrap {	background: transparent url('img/colorband.jpg') no-repeat center bottom;	background-size: 60%;	border-bottom: none; 	clear: both;}.designcatblock{	position: relative;	display: block;	width: 100%;	 	}.designcatblock a {	display: block;	vertical-align: middle;	text-align: center;	float: left;	width: 50%;	  	padding: 10vw 0;	color: #fff;	transition:All 0.3s ease;	-webkit-transition:All 0.3s ease;	-moz-transition:All 0.3s ease;	-o-transition:All 0.3s ease;}.designcatblock a p {	text-align: center;	color: #fff;}.designcatblock a h2 {	color: #fff;}a.designcatphoto h2,a.designcatphoto p,a.designcatphoto .sicon {	opacity: 0;}.designcatblock a:hover {	transition:All 0.3s ease;	-webkit-transition:All 0.3s ease;	-moz-transition:All 0.3s ease;	-o-transition:All 0.3s ease;	 opacity: 0.8;}.designcatblock:nth-child(2n) a:first-child {	float: right;} .designcatblock:nth-child(2n) a:last-child {	float: left;} .postadzone {	display: table;	height: 35vh;	width: 100%;	background-color: rgba(0, 0, 0, .5);	min-height: 350px;	border-top: 1px solid #fafafa;}.postadblock {	display: table-cell;	width: 100%;	height: 100%;	vertical-align: middle;	text-align: center;	position: relative;	 filter: brightness(85%);}.postadblock a{	display: block;	position: relative;	width: 100%;	text-align: center;}.postadblock a h2 {	color: #fff;}.postadblock a p {	text-align: center;	color: #fff;	margin-bottom: 0;	padding-bottom: 0;}.postadblock a::before {	content:'';	position: absolute;	width: 1px;	height: 100%;	left: 50%;	top: -110%;	background-color: rgba(255, 255, 255, .3);	}.postadblock a::after {	content:'';	position: absolute;	width: 1px;	height: 100%;	left: 50%;	top: 110%;	background-color: rgba(255, 255, 255, .3);	visibility: visible;	}.bmask {	position: absolute;	width: 100%;	height: 100%;	z-index: -1;	top: 0;	left: 0;	background-color: rgba(0, 0, 0, .3);}.footercontact {	text-align: center;	}.footercontact img {	width: 50px;	height: auto;}#footer-outer #copyright p {	text-align: center;	font-size: 15px;}.row .col.section-title {	border-bottom: none;	padding: 0;	text-align: center;}.category .row .col.section-title {	background: transparent url('img/colorband.jpg') no-repeat center bottom;	background-size: 60%;	border-bottom: none; 	clear: both;	padding-bottom: 5%;	margin-bottom: 50px;}.archive.category .row .col.section-title p {	text-align: center;	font-size: 15px;}.smalltitle {	font-size: 15px;}@media only screen and (min-width: 1000px) {	 	#header-outer,.single #header-outer.at-top {		opacity: 0;		 		 	}	.category #header-outer,.single #header-outer.at-top{		opacity: 1;	}	.superscroll #header-outer,.single #header-outer.at-top {		opacity: 1;		 	} 	.category #header-space {		height: 10vh!important;	}	.single #header-outer.scrolling {		opacity: 1;		transition:All 0.5s ease;		-webkit-transition:All 0.5s ease;		-moz-transition:All 0.5s ease;		-o-transition:All 0.5 ease;	}}@media only screen and (max-width: 850px) {	 	.logozone {		display: none;	}	.sline {		background-size: 80%;	}	.stxt {		width: 80%;		max-width: 600px;	}	.aboutzonetxt .sline:first-child {		background: none;		margin-bottom: 3vh!important;	}	.designcatblock a {		width: 100%;	}	.aboutzonetxt img {		margin-bottom: 2vh;	}	.designcatblock a:nth-child(2) {		padding: 25vw 0;		border-bottom: 2px solid #fff;	}	body[data-header-resize="0"] #page-header-bg,body:not(.single-post) #page-header-bg:not(.fullscreen-header)  {		height: 50vh!important;	}	#page-header-wrap {		height: 50vh!important;	}	.home #page-header-bg,.home #page-header-wrap,body[data-header-resize="0"].home #page-header-bg {		height: 90vh!important;		overflow: hidden;	}	body:not(.single-post) #page-header-bg:not(.fullscreen-header) .span_6 {		margin-top: 15vh;	}	.sline {		padding: 5vh 0;	}	.footercontact {		font-size: 0.7em;	}	#top #logo img {		height: auto!important;	}	body #header-outer {		padding: 18px 0;	}		}