.text-medium{
	font-size: 36px !important;
	color: #6D4B26;
}
.text-black{
	color: #000;
	z-index: 0;
}
.text-white{
	color: #fff;
}
.text-white p{
	color: #fff;
}
#mainMenu nav > ul > li > a{
	font-size:16px;
}
.banner h5{
	padding-top: 30px;
}
.breadcrumb.fancy{
	font-size: 14px;
}
.product_bg .portfolio-item{
	background-image: url(../img/bg.jpg);background-size: contain;
}
h3{
	color: #986D4B;
}
p{
	color: #5b5b5b;
}
.tabs-navigation li.active a, .tabs-navigation li.active a:focus, .tabs-navigation li.active a:hover{
	color: #fff;
	background-color: #6D4B26;
}
.tabs-navigation li a{
	background-color: #fff;
	color: #6D4B26;
	font-size: 14px;
	font-weight: 300;
}
.tabs-navigation li a:hover{
	color: #fff;
	background-color: #6D4B26;
}
#mainMenu nav > ul > li.hover-active > a,
#mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a,
#mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a,
#mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a,
#mainMenu nav > ul > li:focus > span {
  color: #1abc9c; 
}
#footer ul{
	color: #ebebeb;
	font-size: 14px;
}
#footer.footer-light, #footer, #footer.footer-light a{
	color: #ebebeb !important;
	text-shadow: 1px 1px rgba(0,0,0,.6);
	font-size: 14px;
}
#footer.footer-light .widget h4{
	color: #ebebeb !important;
	text-shadow: 1px 1px rgba(0,0,0,.6);
	font-size: 16px;
	font-weight: 600;
}
#footer.footer-light{
	background-image: url(../img/GettyImages-1755126212.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
    width: 100%;
    height: 100%;
}
#footer.footer-light strong{
	color: #ebebeb !important;
	font-size: 14px;
}
#header #header-wrap #logo > img {
    vertical-align: inherit;
    transition: all .4s ease-in-out;
    height: 80px;
    width: auto;
}
.tabs-content{
	background-color: #fcf8f5;
}
.table-bordered{
	background-color: #fff;
}
.table thead{
	background-color: rgba(227,194,149,.6);
}.tp-caption h5{
	color: #fff;
	text-shadow: 5px 5px 10px rgba(0,0,0,.6);
}
.tp-caption p{
	padding-top: 20px; 
	font-size: 16px;
	color: #412c24;
}
.text-black{
	margin-top: 20px;
}
#goToTop{
	background-color: #694b44 !important;
}
#footer.footer-light .copyright-content{
	background-image: url(../img/GettyImages-1755126213.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	border-top: none;
	box-shadow: 0 -5px 20px 2px rgba(0,0,0,.45);
	max-width: 100%;
}
.bg_style{
	background-color: #fcf8f5;
}
.bg_style section{
	background: inherit;
}
#About011 h4,#Services011 h4{
	color: #986D4B;
}
.breadcrumb.fancy a::after{
	border-left: 1em solid #eedabf;
}
.breadcrumb.fancy a::before{
	border-color: #eedabf #eedabf #eedabf transparent;
}
.breadcrumb.fancy a{
	background: #eedabf;
	color: #986D4B;
}
.breadcrumb.fancy a:hover{
	background: #986D4B;
	color: #fff;
}
.breadcrumb.fancy a:hover::before{
	border-color: #986D4B #986D4B #986D4B transparent;
}
.breadcrumb.fancy a:hover::after{
	border-left: 1em solid #986D4B;
}
.banner_title h5{
	z-index: 17; 
	min-width: 637px;
	max-width: 637px;
	max-width: 186px;
	max-width: 186px;
	white-space: normal;
	font-weight: 600;
	color: #fff;
	text-align:center;
	order-color:rgba(255, 214, 88, 1.00);
	padding-left: 20px;
	padding-top: 20px;
}
.banner_title h6{
	z-index: 18;
	min-width: 637px;
	max-width: 637px;
	white-space: normal;
	line-height: 26px;
	font-weight: 100;
	color: rgba(0, 0, 0, 1.00);
	text-align:center;
	border-color:rgba(255, 214, 88, 1.00);
    z-index: 0;
    color: #412c24;
    font-weight: 600;
    padding-left: 20px;
}
.banner_title p{
	background-color: rgba(255,255,255,.25);
	padding: 20px;
	font-size: 
}
.scrollmenu {
    background-color: #333;
}
#footer.footer-light span{
	margin:0 0 0 20px;
	color: #fff  !important;
}
.mfp-figure:after{
	background-image: url(../img/bg.jpg);
	background-size: contain;
	overflow: hidden;
	background-repeat: no-repeat;
	background-clip: padding-box;
}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}
.img_box_text{
	margin-top: 30%;
}
.copyright-text{
	font-size: 14px;
}
.img_bg{
	 background-image:url(../homepages/design-studio/images/parallax/3.jpg); 
	 background-size: cover;
	 background-position: right center;
	 background-color: #fcf8f5;
}
.banner_a{
	font-size: 14px !important;
	text-decoration: none;
	color: #412c24;
}
.banner_a:hover{
	color: #412c24;
}
h1:not(:last-child), .h1:not(:last-child){
	margin: 0;
	margin-top: 14px;
}
.logo{
	font-size: 46px;
	font-weight: 400;
	margin-left: 10px;
	float: left;
	line-height: 1;
	display: none;
}
.sticky-active .logo{
	display: block;
}
@media (max-width: 1040px) {
	#slide-98-layer-11{
		display: none;
	}
	.banner_title p{
	background-color: rgba(255,255,255,.25);
	padding: 15px 20px 15px 20px;
	}
}
@media (min-width: 768px){
	.col-sm-6 {
	    width: 50%;
	}
}
@media (max-width: 778px){
	.banner_title h5{
		position: relative;
		left: 41%;
	}
	.banner_title h6{
		position: relative;
		left: 46%
	}
	.banner_title p{
		position: relative;
		left: 29%
	}
	.banner_a{
		font-size: 13px !important;
	}
	.img_bg{
		background-image: none;
	}
}
@media (max-width: 640px) {
	.logo{
		display: none;
	}
}
@media (max-width: 481px) {
	#slide-98-layer-6{
		display: none;
	}
	.banner_title h5{
		position: static;
	}
	.banner_title h6{
		position: static;
	}
	.banner_title p{
		position: static;
	}
	.text_h5{
		display: none;
	}
	#header-wrap{
		position: fixed;
	}
	#header #header-wrap #logo > img{
		right: 0px;
	    position: relative;
	    width: 60px;
	    height: 60px;
	    margin-top: 10px;
	}
	#header #header-wrap #logo::after{
		content: '安良紙器';
		font-size: 26px;
		color:#6D4B26;
		position: relative;
		top:-20px;
		left: 0px;
		font-weight: bold;
	}
}

@media (max-width: 480px) {
/*	.banner_title h5{
		position: relative;
		left: 20%
	}
	.banner_title h6{
		position: relative;
		left: 18%
	}

*/	
	.p-t-50{
		padding-top: 80px;
	}
	.p-t-150{
	padding-top: 100px !important;
	}
	.p-b-150{
		padding-bottom: 100px !important;
	}
	.img_bg{
		background-image: none;
	}
	.tabs-01111{
		padding-top: 80px !important;
	}
}
@media (max-width: 360px) {
	.banner_a{
		font-size: 11px!important;
	}
}