/* ============================================================================
    DOORS
============================================================================ */    
#layerwd1-wrapper {width:100%;min-height:820px;background: url('../img/photos/windows-doors_01.jpg') no-repeat top center;}    
.layerwd1-content {width:960px;margin:0 auto;}
.layerwd1-title {padding:140px 0 0 0;}
.layerwd1-title h1 {font-family: 'Noto Serif TC', serif;font-size:60px;line-height:64px;color:#fff;font-weight:700;text-align:center;}
.layerwd1-subtitle {padding:7px 0 0 0;}
.layerwd1-subtitle h2 {font-family: 'Noto Serif TC', serif;font-size:60px;line-height:62px;color:#fff;font-weight:700;text-align:center;}
.layerwd1-line {width:100px;height:3px;margin:35px auto 0 auto;background:#fff;}
.layerwd1-desc {padding:35px 0 0 0;text-align:center;font-size:18px;line-height:30px;color:#fff;}
.layerwd1-button {text-align:center;padding:75px 0 0 0;}

.spblck {display:block;line-height:74px;}
.spblckh2 {display:block;line-height:54px;}

#layerwd2-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd2-photo {width:100%;min-height:820px;background: url('../img/photos/windows-doors_02.jpg') no-repeat top right;}

#layerwd3-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd3-photo {width:100%;min-height:820px;background: url('../img/photos/windows-doors_03.jpg') no-repeat top left;}

#layerwd4-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd4-photo {width:100%;min-height:820px;background: url('../img/photos/windows-doors_04.jpg') no-repeat top right;}

#layerwd5-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd5-photo {width:100%;min-height:820px;background: url('../img/photos/windows-doors_05.jpg') no-repeat top left;}

#layerwd6-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd6-photo {width:100%;min-height:820px;background: url('../img/photos/windows-doors_06.jpg') no-repeat top right;}

#layerwd7-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd7-photo {width:100%;min-height:820px;background: url('../img/photos/windows-doors_07.jpg') no-repeat top left;}

.layerwdx-content {width:1360px;margin:0 auto;}
.layerwdx-left {width:640px;}
.layerwdx-right {width:640px;float:right;}

.layerwdx-left-title {padding:138px 0 0 0;} .layerwdx-left-title h2 {font-family: 'Noto Serif TC', serif;font-size:60px;line-height:64px;color:#fff;font-weight:700;text-align:left;}
.layerwdx2-left-title {padding:138px 0 0 0;} .layerwdx2-left-title h2 {font-family: 'Noto Serif TC', serif;font-size:60px;line-height:64px;color:#842b6b;font-weight:700;text-align:left;}
.layerwdx-right-title {padding:138px 0 0 0;} .layerwdx-right-title h2 {font-family: 'Noto Serif TC', serif;font-size:60px;line-height:64px;color:#842b6b;font-weight:700;text-align:left;}

.layerwdx-left-line {width:100px;height:3px;margin:35px 0 0 0;background:#fff;}
.layerwdx2-left-line {width:100px;height:3px;margin:35px 0 0 0;background:#842b6b;}
.layerwdx-right-line {width:100px;height:3px;margin:35px 0 0 0;background:#842b6b;}

.layerwdx-left-desc {padding:35px 0 0 0;text-align:left;font-size:18px;line-height:30px;color:#fff;}
.layerwdx2-left-desc {padding:35px 0 0 0;text-align:left;font-size:18px;line-height:30px;color:#842b6b;}
.layerwdx-right-desc {padding:35px 0 0 0;text-align:left;font-size:18px;line-height:30px;color:#842b6b;}

#interesting-wrapper {width:100%;background:#73506b;}
.interesting-text {padding:75px 0 85px 0;text-align:center;font-family: 'Noto Serif TC', serif;font-size:60px;line-height:62px;color:#ebdde7;}


/* RESPONSIVE */
@media only screen and (min-width: 1370px) and (max-width: 1720px){

.spblckh2 {display:block;line-height:38px;}

.layerwdx-left-title {padding:40px 0 0 0;} .layerwdx-left-title h2 {font-size:40px;line-height:48px;color:#fff;font-weight:700;text-align:left;}
.layerwdx2-left-title {padding:40px 0 0 0;} .layerwdx2-left-title h2 {font-size:40px;line-height:48px;color:#842b6b;font-weight:700;text-align:left;}
.layerwdx-right-title {padding:40px 0 0 0;} .layerwdx-right-title h2 {font-size:40px;line-height:48px;color:#842b6b;font-weight:700;text-align:left;}

.layerwdx-left {width:640px;padding:0 0 0 20px;}
.layerwdx-right {width:640px;float:right;padding:0 20px 0 0;}

.layerwdx-left-desc {padding:15px 0 0 0;text-align:left;font-size:17px;line-height:24px;}
.layerwdx2-left-desc {padding:15px 0 0 0;text-align:left;font-size:17px;line-height:24px;}
.layerwdx-right-desc {padding:15px 0 0 0;text-align:left;font-size:17px;line-height:24px;}

.layerwdx-left-line {margin:25px 40px 0 0;}
.layerwdx-right-line {margin:25px 0 0 0;}

#layerwd2-wrapper {width:100%;min-height:610px;}    
.layerwd2-photo {width:100%;min-height:610px;background-size:contain;padding:0 0 20px 0;}

#layerwd3-wrapper {width:100%;min-height:610px;}    
.layerwd3-photo {width:100%;min-height:610px;background-size:contain;padding:0 0 20px 0;}

#layerwd4-wrapper {width:100%;min-height:610px;}    
.layerwd4-photo {width:100%;min-height:610px;background-size:contain;padding:0 0 20px 0;}

#layerwd5-wrapper {width:100%;min-height:610px;}    
.layerwd5-photo {width:100%;min-height:610px;background-size:contain;padding:0 0 20px 0;}

#layerwd6-wrapper {width:100%;min-height:610px;}    
.layerwd6-photo {width:100%;min-height:610px;background-size:contain;padding:0 0 20px 0;}

#layerwd7-wrapper {width:100%;min-height:610px;}    
.layerwd7-photo {width:100%;min-height:610px;background-size:contain;padding:0 0 20px 0;}

.interesting-text {font-size:40px;line-height:44px;}
}

@media only screen and (min-width: 1180px) and (max-width: 1370px){
#layerwd1-wrapper {width:100%;min-height:420px;}  
.layerwd1-content {max-width:920px;width:100%;margin:0 auto;padding:0 0 40px 0;}

.spblck {display:block;line-height:52px;}
.spblckh2 {display:inline;line-height:38px;}

.layerwdx-content {width:100%;margin:0 auto;}
.layerwdx-left {width:50%;min-height:510px;padding:10px 0 0 10px;}
.layerwdx-right {width:50%;float:right;min-height:510px;padding:10px 0 0 10px;}

.layerwdx-left-title {padding:40px 5px 0 0;float:left;} .layerwdx-left-title h2 {font-size:30px;line-height:34px;}
.layerwdx2-left-title {padding:40px 5px 0 0;float:left;} .layerwdx2-left-title h2 {font-size:30px;line-height:34px;}
.layerwdx-right-title {padding:40px 5px 0 0;float:left;} .layerwdx-right-title h2 {font-size:30px;line-height:34px;}

.layerwdx-left-desc {padding:15px 0 0 0;text-align:left;font-size:17px;line-height:24px;}
.layerwdx2-left-desc {padding:15px 0 0 0;text-align:left;font-size:17px;line-height:24px;}
.layerwdx-right-desc {padding:15px 0 0 0;text-align:left;font-size:17px;line-height:24px;}

.layerwdx-left-line {margin:15px 40px 0 0;}
.layerwdx2-left-line {margin:15px 0 0 0;}
.layerwdx-right-line {margin:15px 0 0 0;}

#layerwd2-wrapper {width:100%;min-height:510px;}    
.layerwd2-photo {width:100%;min-height:510px;background-size:contain;padding:0 0 20px 0;}

#layerwd3-wrapper {width:100%;min-height:510px;}    
.layerwd3-photo {width:100%;min-height:510px;background-size:contain;padding:0 0 20px 0;}

#layerwd4-wrapper {width:100%;min-height:510px;}    
.layerwd4-photo {width:100%;min-height:510px;background-size:contain;padding:0 0 20px 0;}

#layerwd5-wrapper {width:100%;min-height:510px;}    
.layerwd5-photo {width:100%;min-height:510px;background-size:contain;padding:0 0 20px 0;}

#layerwd6-wrapper {width:100%;min-height:510px;}    
.layerwd6-photo {width:100%;min-height:510px;background-size:contain;padding:0 0 20px 0;}

#layerwd7-wrapper {width:100%;min-height:510px;}    
.layerwd7-photo {width:100%;min-height:510px;background-size:contain;padding:0 0 20px 0;}

.interesting-text {font-size:40px;line-height:44px;}
}

@media only screen and (min-width: 959px) and (max-width: 1180px){
#layerwd1-wrapper {width:100%;min-height:420px;}  
.layerwd1-content {width:95%;margin:0 auto;padding:0 0 40px 0;}

.spblck {display:block;line-height:52px;}
.spblckh2 {display:inline;line-height:38px;}

.layerwdx-content {width:100%;margin:0 auto;}
.layerwdx-left {width:50%;min-height:410px;padding:10px 0 0 10px;}
.layerwdx-right {width:50%;float:right;min-height:410px;padding:10px 0 0 10px;}

.layerwdx-left-title {padding:10px 0 0 0;float:left;} .layerwdx-left-title h2 {font-size:24px;line-height:26px;}
.layerwdx2-left-title {padding:10px 5px 0 0;float:left;} .layerwdx2-left-title h2 {font-size:24px;line-height:26px;}
.layerwdx-right-title {padding:10px 0 0 0;float:left;} .layerwdx-right-title h2 {font-size:24px;line-height:26px;}

.layerwdx-left-desc {padding:15px 0 0 0;text-align:left;font-size:16px;line-height:22px;}
.layerwdx2-left-desc {padding:15px 0 0 0;text-align:left;font-size:16px;line-height:22px;}
.layerwdx-right-desc {padding:15px 0 0 0;text-align:left;font-size:16px;line-height:22px;}

.layerwdx-left-line {margin:15px 40px 0 0;}
.layerwdx2-left-line {margin:15px 40px 0 0;}
.layerwdx-right-line {margin:15px 0 0 0;}

#layerwd2-wrapper {width:100%;min-height:410px;}    
.layerwd2-photo {width:100%;min-height:410px;background-size:contain;padding:0 0 20px 0;}

#layerwd3-wrapper {width:100%;min-height:410px;}    
.layerwd3-photo {width:100%;min-height:410px;background-size:contain;padding:0 0 20px 0;}

#layerwd4-wrapper {width:100%;min-height:410px;}    
.layerwd4-photo {width:100%;min-height:410px;background-size:contain;padding:0 0 20px 0;}

#layerwd5-wrapper {width:100%;min-height:410px;}    
.layerwd5-photo {width:100%;min-height:410px;background-size:contain;padding:0 0 20px 0;}

#layerwd6-wrapper {width:100%;min-height:410px;}    
.layerwd6-photo {width:100%;min-height:410px;background-size:contain;padding:0 0 20px 0;}

#layerwd7-wrapper {width:100%;min-height:410px;}    
.layerwd7-photo {width:100%;min-height:410px;background-size:contain;padding:0 0 20px 0;}

.interesting-text {font-size:40px;line-height:44px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
#layerwd1-wrapper {width:100%;min-height:420px;}  
.layerwd1-content {width:95%;margin:0 auto;padding:0 0 40px 0;}
.layerwd1-title {padding:80px 0 0 0;}
.layerwd1-title h1 {font-size:30px;line-height:34px;}
.layerwd1-subtitle h2 {font-size:30px;line-height:34px;}        
.layerwd1-line {width:100px;height:3px;margin:25px auto 0 auto;background:#fff;}
.layerwd1-desc {padding:25px 0 0 0;text-align:center;font-size:18px;line-height:28px;color:#fff;}
.layerwd1-button {text-align:center;padding:35px 0 0 0;}        

.spblck {display:block;line-height:34px;}
.spblckh2 {display:inline;line-height:38px;}

#layerwd1-wrapper {width:100%;min-height:650px;}  
    
#layerwd2-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd2-photo {width:100%;min-height:506px;background-size:100% 506px;}

#layerwd3-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd3-photo {width:100%;min-height:506px;background-size:100% 506px;}

#layerwd4-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd4-photo {width:100%;min-height:506px;background-size:100% 506px;}

#layerwd5-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd5-photo {width:100%;min-height:506px;background-size:100% 506px;}

#layerwd6-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd6-photo {width:100%;min-height:506px;background-size:100% 506px;}

#layerwd7-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd7-photo {width:100%;min-height:506px;background-size:100% 506px;}  
       
.layerwdx-content {width:100%;margin:0 auto;}
.layerwdx-left {width:95%;margin:0 auto;padding:510px 0 30px 0;}
.layerwdx-right {width:95%;margin:0 auto;float:none;margin:0 auto;padding:510px 0 30px 0;}        
        
.layerwdx-left-title {padding:20px 5px 0 0;float:left;} .layerwdx-left-title h2 {font-size:30px;line-height:34px;}
.layerwdx2-left-title {padding:20px 5px 0 0;float:left;} .layerwdx2-left-title h2 {font-size:30px;line-height:34px;}
.layerwdx-right-title {padding:20px 5px 0 0;float:left;} .layerwdx-right-title h2 {font-size:30px;line-height:34px;}
        
.layerwdx-left-line {width:100px;height:3px;margin:25px 0 0 0;}
.layerwdx2-left-line {width:100px;height:3px;margin:25px 0 0 0;}
.layerwdx-right-line {width:100px;height:3px;margin:25px 0 0 0;}        
        
.interesting-text {padding:75px 0 85px 0;text-align:center;font-size:30px;line-height:34px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
#layerwd1-wrapper {width:100%;min-height:420px;}  
.layerwd1-content {width:95%;margin:0 auto;padding:0 0 40px 0;}
.layerwd1-title {padding:60px 0 0 0;}
.layerwd1-title h1 {font-size:26px;line-height:32px;}
.layerwd1-subtitle h2 {font-size:26px;line-height:32px;}        
.layerwd1-line {width:100px;height:3px;margin:25px auto 0 auto;background:#fff;}
.layerwd1-desc {padding:25px 0 0 0;text-align:center;font-size:16px;line-height:28px;color:#fff;}
.layerwd1-button {text-align:center;padding:35px 0 0 0;}        
   
.spblck {display:block;line-height:34px;}
.spblckh2 {display:block;line-height:38px;}   
    
#layerwd2-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd2-photo {width:100%;min-height:406px;background-size:100% 406px;}

#layerwd3-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd3-photo {width:100%;min-height:406px;background-size:100% 406px;}

#layerwd4-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd4-photo {width:100%;min-height:406px;background-size:100% 406px;}

#layerwd5-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd5-photo {width:100%;min-height:406px;background-size:100% 406px;}

#layerwd6-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd6-photo {width:100%;min-height:406px;background-size:100% 406px;}

#layerwd7-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd7-photo {width:100%;min-height:406px;background-size:100% 406px;}  
       
.layerwdx-content {width:100%;margin:0 auto;}
.layerwdx-left {width:95%;margin:0 auto;padding:410px 0 30px 0;}
.layerwdx-right {width:95%;margin:0 auto;float:none;margin:0 auto;padding:410px 0 30px 0;}        
        
.layerwdx-left-title {padding:20px 5px 0 0;float:left;} .layerwdx-left-title h2 {font-size:30px;line-height:34px;}
.layerwdx2-left-title {padding:20px 5px 0 0;float:left;} .layerwdx2-left-title h2 {font-size:30px;line-height:34px;}
.layerwdx-right-title {padding:20px 5px 0 0;float:left;} .layerwdx-right-title h2 {font-size:30px;line-height:34px;}
        
.interesting-text {padding:75px 0 85px 0;text-align:center;font-size:30px;line-height:34px;}  
}

@media only screen and (min-width: 320px) and (max-width: 479px){
#layerwd1-wrapper {width:100%;min-height:420px;}  
.layerwd1-content {width:95%;margin:0 auto;padding:0 0 40px 0;}
.layerwd1-title {padding:40px 0 0 0;}
.layerwd1-title h1 {font-size:26px;line-height:32px;}
.layerwd1-subtitle h2 {font-size:26px;line-height:32px;}        
.layerwd1-line {width:100px;height:3px;margin:25px auto 0 auto;background:#fff;}
.layerwd1-desc {padding:25px 0 0 0;text-align:center;font-size:16px;line-height:28px;color:#fff;}
.layerwd1-button {text-align:center;padding:35px 0 0 0;}        

.spblck {display:block;line-height:34px;}
.spblckh2 {display:block;line-height:38px;}
    
#layerwd2-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd2-photo {width:100%;min-height:256px;background-size:100% 256px;}

#layerwd3-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd3-photo {width:100%;min-height:256px;background-size:100% 256px;}

#layerwd4-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd4-photo {width:100%;min-height:256px;background-size:100% 256px;}

#layerwd5-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd5-photo {width:100%;min-height:256px;background-size:100% 256px;}

#layerwd6-wrapper {width:100%;min-height:820px;background: #92718a;}    
.layerwd6-photo {width:100%;min-height:256px;background-size:100% 256px;}

#layerwd7-wrapper {width:100%;min-height:820px;background: #ebdde7;}    
.layerwd7-photo {width:100%;min-height:256px;background-size:100% 256px;}  
       
.layerwdx-content {width:100%;margin:0 auto;}
.layerwdx-left {width:95%;margin:0 auto;padding:260px 0 30px 0;}
.layerwdx-right {width:95%;margin:0 auto;float:none;margin:0 auto;padding:260px 0 30px 0;}        
        
.layerwdx-left-title {padding:20px 0 0 0;} .layerwdx-left-title h2 {font-size:30px;line-height:34px;}
.layerwdx2-left-title {padding:20px 0 0 0;} .layerwdx2-left-title h2 {font-size:30px;line-height:34px;}
.layerwdx-right-title {padding:20px 0 0 0;} .layerwdx-right-title h2 {font-size:30px;line-height:34px;}
        
.interesting-text {padding:75px 0 85px 0;text-align:center;font-size:30px;line-height:34px;} 
}