/* ============================================================================
   BLOG
============================================================================ */
.layerwin1-content {width:1020px;margin:0 auto;}
.layerwin1-title {padding:140px 0 0 0;}
.layerwin1-title h1 {font-family: 'Noto Serif TC', serif;font-size:60px;line-height:64px;color:#fff;font-weight:700;text-align:center;}

#layer-windows-blog-wrapper {width:100%;padding:95px 0 80px 0;background:#ebdde7;}
.layerblog-container {width:1365px;margin:0px auto;display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;display: flex;flex-wrap: wrap;}
.layerblog-left {width:650px;padding:0 0 40px 0;order:1;}
.layerblog-right {width:650px;padding:0 0 40px 0;order:1;margin-left:auto;}

.bl-entry-title h1 {font-size:30px;line-height:34px;font-weight: 400;color:#6b4863;}
.bl-entry-title h2 {font-size:30px;line-height:34px;font-weight: 400;color:#6b4863;}
.bl-entry-title h3 {font-size:30px;line-height:34px;font-weight: 400;color:#6b4863;}
.bl-entry-intro {padding:20px 0 0 0;font-size:16px;line-height:22px;color:#6b4863;}

.blog-button {font-size:14px;font-weight:400;padding:30px 0 0 0;}
  
a.bl-title-link {color:#6b4863;text-decoration:none;}  
a.bl-title-link:hover {color:#6b4863;text-decoration:underline;}
  
a.blog-link {color:#c5afbf;text-decoration:none;}  
a.blog-link:hover {color:#c5afbf;text-decoration:underline;}

/* post */
#layer-blog-wrapper {width:100%;min-height:320px;background: #73506b url('../img/photos/sash-windows_01.jpg') no-repeat top center;}

.bl-entry-intro {
  -webkit-columns: 2 640px;
  -moz-columns: 2 640px;
  columns: 2 640px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}  


/* RESPONSIVE */
@media only screen and (min-width: 1370px) and (max-width: 1720px){
.layerblog-container {width:95%;margin:0px auto;}
.layerblog-left {width:46%;}
.layerblog-right {width:46%;}
}

@media only screen and (min-width: 1180px) and (max-width: 1370px){
.layerwin1-title h1 {font-size:40px;line-height:52px;}

.layerblog-container {width:95%;margin:0px auto;}
.layerblog-left {width:46%;}
.layerblog-right {width:46%;}
.bl-entry-title h2 {font-size:26px;line-height:28px;}
.bl-entry-title h3 {font-size:26px;line-height:28px;}
}

@media only screen and (min-width: 959px) and (max-width: 1180px){
#layer-blog-wrapper {width:100%;min-height:250px;}
.layerwin1-content {width:920px;margin:0 auto;padding:0 0 40px 0;}
.layerwin1-title {padding:80px 0 0 0;}
.layerwin1-title h1 {font-size:40px;line-height:52px;}

.layerblog-container {width:95%;margin:0px auto;}
.layerblog-left {width:46%;}
.layerblog-right {width:46%;}
.bl-entry-title h2 {font-size:26px;line-height:28px;}
.bl-entry-title h3 {font-size:26px;line-height:28px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
#layer-blog-wrapper {width:100%;min-height:150px;}
.layerwin1-content {width:95%;margin:0 auto;padding:0 0 40px 0;}
.layerwin1-title {padding:60px 0 0 0;}
.layerwin1-title h1 {font-size:30px;line-height:34px;}

.layerblog-container {width:95%;margin:0px auto;}
.layerblog-left {width:100%;margin:0px auto;}
.layerblog-right {width:100%;margin:0px auto;}
.bl-entry-title h2 {font-size:26px;line-height:28px;} 
.bl-entry-title h3 {font-size:26px;line-height:28px;}  
}

@media only screen and (min-width: 480px) and (max-width: 767px){
#layer-blog-wrapper {width:100%;min-height:150px;}
.layerwin1-content {width:95%;margin:0 auto;padding:0 0 40px 0;}
.layerwin1-title {padding:60px 0 0 0;}
.layerwin1-title h1 {font-size:26px;line-height:32px;}

.layerblog-container {width:95%;margin:0px auto;}
.layerblog-left {width:100%;margin:0px auto;}
.layerblog-right {width:100%;margin:0px auto;}
.bl-entry-title h2 {font-size:22px;line-height:26px;} 
.bl-entry-title h3 {font-size:22px;line-height:26px;}   
}

@media only screen and (min-width: 320px) and (max-width: 479px){
#layer-blog-wrapper {width:100%;min-height:150px;}

.layerwin1-content {width:95%;margin:0 auto;padding:0 0 40px 0;}
.layerwin1-title {padding:60px 0 0 0;}
.layerwin1-title h1 {font-size:26px;line-height:32px;}

.layerblog-container {width:95%;margin:0px auto;}
.layerblog-left {width:100%;margin:0px auto;}
.layerblog-right {width:100%;margin:0px auto;}
.bl-entry-title h2 {font-size:22px;line-height:26px;} 
.bl-entry-title h3 {font-size:22px;line-height:26px;}     
}