/*--------------------------------------------------------------
# 麵包屑樣式
--------------------------------------------------------------*/

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 0;
    list-style: none;
    background-color:#282523;
    border-radius: 0;
}
.navBox{
  background-color: #282523;
}
.breadcrumb-item{
	font-size:0.8rem;
}
.breadcrumb-item.active {
    color: #fff;
}


/*--------------------------------------------------------------
# 關於我們樣式
--------------------------------------------------------------*/

#aboutUs{
	padding:60px 15px;
	background-color:#fff;
}

#aboutUs h1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}
#aboutUs h2 {
	color: #856c41;
  font-size: 20px;
  text-align:left;
	margin-left:35px;
}
#aboutUs h2::before{
	position: absolute;
	left:18px;
	content: '';
	width: 25px;
  height: 25px;
	background-image: url("../img/icon/Buttons-suit.svg");
	background-position: center center;
  background-size: contain;
}
#aboutUs h3{
  font-size:18px;
  color:#595958;
}
#aboutUs h4{
  font-size:18px;
  color:#595958;
}
#aboutUs  p{
	color:#595958;
	font-size:1em;
  line-height: 1.9rem;
	text-align:left ;
}


/*--------------------------------------------------------------
# 沿條工藝
--------------------------------------------------------------*/

#craft{
	padding:20px 15px;
	background-color:#fff;
}

#craft h1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}
#craft h2 {
	color: #856c41;
  font-size: 20px;
  text-align:left;
	margin-left:35px;
}
#craft h2::before{
	position: absolute;
	top:15px;
	left:18px;
	content: '';
	width: 25px;
  height: 25px;
	background-image: url("../img/icon/Buttons-suit.svg");
	background-position: center center;
  background-size: contain;
}
#craft h4{
  font-size:18px;
  color:#595958;
}
#craft  p{
	color:#595958;
	font-size:1em;
  line-height: 1.9rem;
	text-align:left ;
}

#craft  span{
	color: #aa8319;
	font-weight: bold;
}

/*--------------------------------------------------------------
# 訂製流程
--------------------------------------------------------------*/

#process{
	padding:20px 15px;
	background-color:#fff;
}

#process h1 {
  color: #493d2a;
  font-size: 2rempx;
  font-weight: 700;
  text-align:center;
}
#process h2 {
	color: #856c41;
  font-size: 1.6rem;
  text-align:left;
}


#process h3{
  font-size:1.2em;
  line-height: 1.9rem;
  color: #aa8319;
}
#process h4{
  font-size:1.2rem;
  line-height: 1.9rem;
  color:#7e3b58;
}

#process  p{
	color:#595958;
	font-size:1em;
  line-height: 1.9rem;
	text-align:left ;
}


.process{
  padding:20px 15px;
  background-color:#fff;
}

.process h1 {
  color: #493d2a;
  font-size: 2rempx;
  font-weight: 700;
  text-align:center;
}
.process h2 {
  color: #856c41;
  font-size: 1.6rem;
  text-align:left;
}


.process h3{
  font-size:1.2em;
  line-height: 1.9rem;
  color: #aa8319;
}
.process h4{
  font-size:1.2rem;
  line-height: 1.9rem;
  color:#7e3b58;
}

.process  p{
  color:#595958;
  font-size:1em;
  line-height: 1.9rem;
  text-align:left ;
}




/*--------------------------------------------------------------
# 皮鞋款式
--------------------------------------------------------------*/

#shoesStyle{
	padding:20px 15px;
	background-color:#fff;
}

#shoesStyle h1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}
#shoesStyle h3 {
	color: #856c41;
  font-size: 20px;
  text-align:center;
}

#shoesStyle h4{
  font-size:18px;
  color:#595958;
}
#shoesStyle p{
	color:#595958;
	font-size:1em;
  line-height: 1.9rem;
	text-align:left ;
}
#shoesStyle  span{
	color: #aa8319;
	font-weight: bold;
}

/*--------------------------------------------------------------
# 頂級皮料
--------------------------------------------------------------*/

#leather{
	padding:20px 15px;
	background-color:#fff;
}

#leather h1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}
#leather h3 {
	color: #856c41;
  font-size: 20px;
  text-align:center;
}

#leather h4{
  font-size:18px;
  color:#54504f;
  line-height: 32px;
}
#leather p{
	color:#595958;
	font-size:1em;
  line-height: 1.9rem;
	text-align:left ;
}
#leather  span{
	color: #aa8319;
	font-weight: bold;
}

/*--------------------------------------------------------------
# 保養方式
--------------------------------------------------------------*/

.maintenance{
	padding:20px 15px;
	background-color:#fff;
}

.maintenance h1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}
.maintenance h2 {
	color: #856c41;
  font-size: 20px;
  text-align:left;
	margin-left:35px;
}
.maintenance h2::before{
	position: absolute;
	left:18px;
	content: '';
	width: 25px;
  height: 25px;
	background-image: url("../img/icon/Buttons-suit.svg");
	background-position: center center;
  background-size: contain;
}
.maintenance h3{
  font-size:18px;
  color:#595958;
}
.maintenance h4{
  font-size:18px;
  color:#595958;
}
.maintenance  p{
	color:#595958;
	font-size:1em;
  line-height: 1.9rem;
	text-align:left ;
}
.maintenance  span{
	color: #aa8319;
	font-weight: bold;
}
.maintenance  li{
	color:#595958;
	font-size:1em;
  line-height: 1.9rem;
	text-align:left ;
}

/*--------------------------------------------------------------
# 常見問題
--------------------------------------------------------------*/

#faq{
	padding:60px 15px;
	background-color:#fff;
}

#faq h1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}
#faq h3 {
	color: #856c41;
  font-size: 20px;
  text-align:left;
}

#faq h4{
  font-size:18px;
  color:#595958;
}
#faq  p{
	color:#595958;
	font-size:1em;
  line-height: 1.9rem;
	text-align:left ;
}
#faq  span{
	color: #aa8319;
	font-weight: bold;
}
#faq  li{
	color:#595958;
	font-size:1em;
  line-height: 1.9rem;
	text-align:left ;
}


/*--------------------------------------------------------------
# 聯絡我們
--------------------------------------------------------------*/
#contactUs{
	padding:60px 15px;
	background-color:#fff;
}

#contactUs h1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}
#contactUs h2 {
	color: #856c41;
  font-size: 20px;
  text-align:left;
	margin-left:35px;
}
#contactUs h2::before{
	position: absolute;
	top:15px;
	left:18px;
	content: '';
	width: 25px;
  height: 25px;
	background-image: url("../img/icon/Buttons-suit.svg");
	background-position: center center;
  background-size: contain;
}
#contactUs h3{
  font-size:18px;
  color:#595958;
}
#contactUs h4{
  font-size:18px;
  color:#595958;
}
#contactUs  p{
	color:#595958;
	font-size:1em;
  line-height: 1.9rem;
	text-align:left ;
}


/*--------------------------------------------------------------
# 皮鞋款式、頂級皮料子項目及分頁樣式
--------------------------------------------------------------*/
.subActive{
	padding:5px 0;
	margin:5px;
	background: #a38f81;
	border-radius: 5px;
	text-align: center;
	color:#fff !important;
}
.subMenu-item{
	padding:6px 0;
	margin:5px;
	border:1px solid #a38f81;
	border-radius: 5px;
	text-align: center;
	color:#a38f81;
	cursor: pointer;
	font-size:0.9rem
}

.subMenu-item:hover{
	padding:6px 0;
	margin:5px;
	background: #a38f81;
	border-radius: 5px;
	text-align: center;
	color:#fff;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #a38f81;
    background-color: #fff;
    border: 1px solid #d1c5b8;
}

.page-link:hover{
	color: #fff;
	background:#a38f81;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #e0dad1;
}

/*--------------------------------------------------------------
# 皮鞋款式、頂級皮料-類別頁
--------------------------------------------------------------*/
.categoryStyle {
  padding:60px 10px;
  background-color:#fff;
}

.categoryStyle h1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}

.categoryStyle #portfolio-flters {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.categoryStyle #portfolio-flters li {
  cursor: pointer;
  margin: 0 15px 15px 0;
  display: inline-block;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 20px;
  color: #777;
  border-radius: 4px;
  text-transform: uppercase;
  background: white;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.categoryStyle #portfolio-flters li:hover, .shoesStyle #portfolio-flters li.filter-active {
  background: transparent;
  color: #fff;
}

.categoryStyle #portfolio-flters li:last-child {
  margin-right: 0;
}

.categoryStyle .portfolio-item {
  background: #282523;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  margin: 10px;
}

.categoryStyle .portfolio-item .submitSix{
	padding-top:15px;
	font-size:16px;
	color:#fff;
	text-align:center;
}

.categoryStyle .portfolio-item .submitSix:hover{
	color:#e0aa53;
}
.categoryStyle .portfolio-item img {
  transition: all 0.3s ease-in-out;
}

.categoryStyle .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  transition: all .3s linear;
  text-align: center;
  top: 10%;
  left: 0;
  right: 0;
}

.categoryStyle .portfolio-item .portfolio-info h3 {
  font-size: 22px;
}

.categoryStyle .portfolio-item .portfolio-info h3 a {
  color: #fff;
  font-weight: bold;
}

.categoryStyle .portfolio-item .portfolio-info a i {
  color: #fff;
  font-size: 24px;
  transition: 0.3s;
  margin: 4px;
}

.categoryStyle .portfolio-item .portfolio-info a i:hover {
  color: #70b9b0;
}

.categoryStyle .portfolio-item:hover img {
  opacity: 0.4;
  transform: scale(1.1);
}

.categoryStyle .portfolio-item:hover .portfolio-info {
  opacity: 1;
  top: calc(50% - 30px);
}

.categoryStyle hr {
		width:12%;
    margin-top: 0.9rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 5px solid #cca15c;
}

/*當前分頁*/
.page-item .active{
	background: #a38f81;
	color:#fff;
	border-color: #d1c5b8
}

#sitemap{
	padding:0;
	background-color:#fff;
}

.btn-Map{
	padding:5px 10px;
	background: #301c02;
	border-radius: 5px;
}

/*自訂內建按鈕樣式*/
.btn-outline-success{color:#bfb8ac;border-color:#bfb8ac}
.btn-outline-success:hover{color:#fff;background-color:#bfb8ac;border-color:#bfb8ac}
.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:none}
.btn-outline-success.disabled,.btn-outline-success:disabled{color:#bfb8ac;background-color:transparent}
.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#bfb8ac;border-color:#bfb8ac}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:none}


/*--------------------------------------------------------------
# 活動／專欄樣式
--------------------------------------------------------------*/

#blog{
	padding:30px 15px;
	background-color:#fff;
}
#blog h1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}
#blog h3{
  color:#fff;
}
#blog h4{
  font-size: 18px;
  color:#e6d9a9;
}
#blog .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border:1px solid #d1cdcd;
    border-radius: .5rem;
}

#blog .card-title{
  color:#ceaa78;
}

#blog .card-text{
  font-size:0.9rem;
  line-height: 24px;
  color:#6b6b6b;
}

#blog .card-body{
  padding:25px;
}

#blog .btn-outline-success {
    color: #bfb8ac;
    border-color: #bfb8ac;
    font-size: 0.9rem;
}

#blog .btn-outline-success:hover {
    color: #fff;
    background-color: #bfb8ac;
}


/*自訂內建按鈕樣式*/
.btn-outline-success{color:#bfb8ac;border-color:#bfb8ac}
.btn-outline-success:hover{color:#fff;background-color:#bfb8ac;border-color:#bfb8ac}
.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:none}
.btn-outline-success.disabled,.btn-outline-success:disabled{color:#bfb8ac;background-color:transparent}
.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#bfb8ac;border-color:#bfb8ac}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:none}


/*--------------------------------------------------------------
# 文章頁樣式
--------------------------------------------------------------*/
#article-header{
	padding:60px 15px 0 15px;
	background-color:#fff;
}
#article-header h1 {
  color: #493d2a;
  font-size: 28px;
  font-weight: 700;
  text-align:center;
}

#article-header  p,ol{
	color:#595958;
	font-size:1.05rem;
  line-height: 2.6rem;
	text-align:left ;
}
#article-header  ol li{
	padding-left:15px;
}

/*目錄*/
#article-header .card{
	background-color: #F9F5ED;
}

#article-header .card-header {
    padding: 1rem 1.25rem 0.5rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #fff;
  }

 #article-header .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem 1.25rem 1rem 1.25rem;
}

#article-header .list{
 	list-style: none;
 	padding-left:1rem;
 }

#article-header .list li{
	line-height: 2.2rem;
}

#article-header .btn-link{
	font-size: 20px;
	font-weight: 500;
	color: #a08a71;
	outline-style: none;
	text-decoration: none;
}

#article{
	padding:60px 15px;
	background-color:#fff;
}

#article h1 {
  color: #493d2a;
  font-size: 28px;
  font-weight: 700;
  text-align:center;
}
#article h2 {
	color: #856c41;
  font-size: 23px;
  text-align:left;
	margin-left:0;
}

#article .h2Title {
	color: #856c41;
  font-size: 23px;
  text-align:left;
	font-weight: bold;
}
#article .h3Text {
	font-size:19px;
  color:#781c03;
  text-align:left;
	font-weight: bold;
}

#article .no-border{
  border:0;
}

#article h3{
  font-size:19px;
  color:#781c03;
}
#article h4{
  font-size:18px;
  color:#d15d2f;
}
#article h5{
  font-size:18px;
  color:#a38f81;
}
#article  p,ol{
	color:#595958;
	font-size:1.05rem;
  line-height: 2.6rem;
	text-align:left ;
}
#article  ol li{
	padding-left:15px;
}
#article .mt-6{
	margin-top:6rem;
}
.taskIconBox{
	width: 100%
}
.taskIconBox img{
	width:20px;
}

.taskIconBox span{
	color:#aaa39b;
	font-size: 0.9rem;
	line-height: 25px;
}

.taskIconBox a{
	color: #bc6208;
}

#article .subMenu-item{
	padding:6px 2px;
	margin:5px;
	border:1px solid #a38f81;
	border-radius: 5px;
	text-align: center;
	color:#a38f81;
	cursor: pointer;
	font-size:0.8rem
}

#article .subMenu-item:hover{
	padding:6px 0;
	margin:5px;
	background: #a38f81;
	border-radius: 5px;
	text-align: center;
	color:#fff;
}


/*當前分頁*/
.page-item .active{
	background: #a38f81;
	color:#fff;
	border-color: #d1c5b8
}

/*目錄*/
#article .card{
	background-color: #F9F5ED;
}

#article .card-header {
    padding: 1rem 1.25rem 0.5rem 1.25rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid #fff;
  }

 #article .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem 1.25rem 1rem 1.25rem;
}

#article .list{
 	list-style: none;
 	padding-left:1rem;
 }

#article .list li{
	line-height: 2.2rem;
}



#article .btn-link{
	font-size: 20px;
	font-weight: 500;
	color: #a08a71;
	outline-style: none;
	text-decoration: none;
}


/*--------------------------------------------------------------
# 影片區塊
--------------------------------------------------------------*/

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
	border-radius:30px;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;left: 0;
  width: 100%;
  height: 100%;
}


#sitemap{
	padding:0;
	background-color:#fff;
}

.mt-6{
	margin-top:60px;
}

.hr-dashed{
  border-top: 2px dashed #a08a71;
}

.service {
  padding:60px 10px;
  background-color:#fff;
}

.service h1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}

.service #portfolio-flters {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.service #portfolio-flters li {
  cursor: pointer;
  margin: 0 15px 15px 0;
  display: inline-block;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 20px;
  color: #777;
  border-radius: 4px;
  text-transform: uppercase;
  background: white;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.service #portfolio-flters li:hover, .service #portfolio-flters li.filter-active {
  background: transparent;
  color: #fff;
}

.service #portfolio-flters li:last-child {
  margin-right: 0;
}

.service .portfolio-item {
  background: #282523;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  margin: 10px;
}

.service .portfolio-item .submitSix{
	padding-top:15px;
	font-size:16px;
	color:#fff;
	text-align:center;
}

.service .portfolio-item .submitSix:hover{
	color:#e0aa53;
}
.service .portfolio-item img {
  transition: all 0.3s ease-in-out;
}

.service .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  transition: all .3s linear;
  text-align: center;
  top: 10%;
  left: 0;
  right: 0;
}


.service .portfolio-item .portfolio-info h3 {
  font-size: 22px;
}

.service .portfolio-item .portfolio-info h3 a {
  color: #fff;
  font-weight: bold;
}

.service .portfolio-item .portfolio-info a i {
  color: #fff;
  font-size: 24px;
  transition: 0.3s;
  margin: 4px;
}

.service .portfolio-item .portfolio-info a i:hover {
  color: #70b9b0;
}

.service .portfolio-item:hover img {
  opacity: 0.4;
  transform: scale(1.1);
}

.service .portfolio-item:hover .portfolio-info {
  opacity: 1;
  top: calc(50% - 30px);
}

.service hr {
		width:12%;
    margin-top: 0.9rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 5px solid #cca15c;
}


/*--------------------------------------------------------------
# 鞋履小博士類別選單
--------------------------------------------------------------*/

#category{
	padding:20px 15px;
	background-color:#fff;
}

#category h1 {
  color: #493d2a;
  font-size: 25px;
  font-weight: 700;
  text-align:center;
}
#category h2 {
	color: #856c41;
  font-size: 20px;
  text-align:left;
	margin-left:35px;
}
#category h2::before{
	position: absolute;
	top:15px;
	left:18px;
	content: '';
	width: 25px;
  height: 25px;
	background-image: url("../img/icon/Buttons-suit.svg");
	background-position: center center;
  background-size: contain;
}
#category h4{
  font-size:18px;
  color:#595958;
}

#category  p{
	ont-size: 0.9rem;
	line-height: 24px;
	color: #6b6b6b;
}

.subActive{
	padding:5px 0;
	margin:5px;
	background: #a38f81;
	border-radius: 5px;
	text-align: center;
	color:#fff !important;
}
.subMenu-item{
	padding:6px 0;
	margin:5px;
	border:1px solid #a38f81;
	border-radius: 5px;
	text-align: center;
	color:#a38f81;
	cursor: pointer;
	font-size:0.9rem
}

.subMenu-item:hover{
	padding:6px 0;
	margin:5px;
	background: #a38f81;
	border-radius: 5px;
	text-align: center;
	color:#fff;
}