/* ============================================================================
   ABOUT
============================================================================ */
#layerab0-wrapper {width:100%;min-height:820px;background: url('../img/photos/about_00.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:94px;}
.spblckh2 {display:block;line-height:74px;}

.layerwdx-content {width:1360px;margin:0 auto;}

.layer4-content {width:860px;margin:0 auto;}
.layer4-title {font-family: 'Noto Serif TC', serif;font-size:36px;line-height:38px;color:#fff;padding:80px 0 0 0;text-align:center;}
.layer4-desc {padding:20px 0 0 0;text-align:center;font-size:21px;line-height:30px;color:#fff;}
.layer4-button {text-align:center;padding:60px 0 0 0;}

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

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

.about-title {padding:138px 0 0 0;} .about-title h2 {font-family: 'Noto Serif TC', serif;font-size:60px;line-height:64px;color:#842b6b;font-weight:700;text-align:left;}
.about-line {width:100px;height:3px;margin:35px 0 0 0;background:#842b6b;}
.about-desc {padding:35px 0 0 0;text-align:left;font-size:18px;line-height:30px;color:#842b6b;}

.about-title-r {padding:138px 0 0 0;} .about-title-r h2 {font-family: 'Noto Serif TC', serif;font-size:60px;line-height:64px;color:#842b6b;font-weight:700;text-align:left;}
.about-line-r {width:100px;height:3px;margin:35px 0 0 0;background:#842b6b;}
.about-desc-r {padding:35px 0 0 0;text-align:left;font-size:18px;line-height:30px;color:#842b6b;}

#layerab4-wrapper {width:100%;min-height:430px;background: url('../img/photos/layerab4-photo.jpg') no-repeat top center;}
.layerwdab-left {width:640px;}
.layerwdab-right {width:640px;float:right;}

/* RESPONSIVE */
@media only screen and (min-width: 1370px) and (max-width: 1720px){
.about-title {padding:40px 0 0 0;} .about-title h2 {font-size:40px;line-height:48px;color:#842b6b;font-weight:700;text-align:left;}
.about-title-r {padding:40px 0 0 0;} .about-title-r h2 {font-size:40px;line-height:48px;color:#842b6b;font-weight:700;text-align:left;}

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

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

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

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

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

.about-title {padding:40px 0 0 0;} .about-title h2 {font-size:30px;line-height:34px;}
.about-subtitle {padding:10px 0 0 0;} .about-subtitle h2 {font-size:30px;line-height:34px;}

.layerwd1-title h1 {font-size:40px;line-height:52px;}
.spblck {display:block;line-height:52px;}
.spblckh2 {display:block;line-height:38px;}

.layerwdab-left {width:50%;min-height:510px;padding:10px 10px 0 10px;}
.layerwdab-right {width:50%;float:right;min-height:510px;padding:10px 10px 0 20px;}

#layerab1-wrapper {width:100%;min-height:510px;}    
.layerab1-photo {width:100%;min-height:510px;background-size:contain;}

#layerab2-wrapper {width:100%;min-height:510px;}    
.layerab2-photo {width:100%;min-height:510px;background-size:contain;}

.about-desc {padding:35px 20px 0 0;text-align:left;font-size:17px;line-height:24px;}

.about-title-r {padding:40px 0 0 30px;} .about-title-r h2 {font-size:30px;line-height:34px;}
.about-line-r {width:100px;height:3px;margin:35px 0 0 30px;background:#842b6b;}
.about-desc-r {padding:35px 0 0 30px;text-align:left;font-size:17px;line-height:24px;}

.layerwdx-content {width:100%;margin:0 auto;}
}

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

.about-title {padding:10px 0 0 0;} .about-title h2 {font-size:24px;line-height:26px;}
.about-subtitle {padding:5px 0 0 0;} .about-subtitle h2 {font-size:24px;line-height:26px;}

.layerwd1-title h1 {font-size:40px;line-height:52px;}
.spblck {display:block;line-height:52px;}
.spblckh2 {display:block;line-height:38px;}

.layerwdab-left {width:50%;min-height:410px;padding:10px 0 0 10px;}
.layerwdab-right {width:50%;float:right;min-height:410px;padding:10px 0 0 0;}

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

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

.about-desc {padding:15px 20px 0 0;text-align:left;font-size:16px;line-height:22px;}
.about-line {width:100px;height:3px;margin:25px 0 0 0;background:#842b6b;}

.about-title-r {padding:20px 0 0 30px;} .about-title-r h2 {font-size:24px;line-height:26px;}
.about-line-r {width:100px;height:3px;margin:25px 0 0 30px;background:#842b6b;}
.about-desc-r {padding:15px 0 0 30px;text-align:left;font-size:16px;line-height:22px;}

.layerwdx-content {width:100%;margin:0 auto;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
#layerab0-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;}

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

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

.about-title {padding:20px 0 0 0;} .about-title h2 {font-size:30px;line-height:34px;}
.about-title-r {padding:20px 0 0 0;} .about-title-r h2 {font-size:30px;line-height:34px;}

.layerwdab-left {width:95%;margin:0 auto;padding:510px 0 30px 0;}
.layerwdab-right {width:95%;margin:0 auto;float:none;margin:0 auto;padding:510px 0 30px 0;} 

.layer4-content {width:440px;margin:0 auto;}    
.layer4-title {font-size:28px;line-height:32px;padding:40px 0 0 0;text-align:center;}
.layer4-desc {padding:20px 0 0 0;text-align:center;font-size:18px;line-height:30px;}
.layer4-button {text-align:center;padding:20px 0 0 0;}

.layerwdx-content {width:100%;margin:0 auto;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
#layerab0-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;}

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

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

.about-title {padding:20px 0 0 0;} .about-title h2 {font-size:30px;line-height:34px;}
.about-title-r {padding:20px 0 0 0;} .about-title-r h2 {font-size:30px;line-height:34px;}

.layerwdab-left {width:95%;margin:0 auto;padding:410px 0 30px 0;}
.layerwdab-right {width:95%;margin:0 auto;float:none;margin:0 auto;padding:410px 0 30px 0;} 

.layer4-content {width:440px;margin:0 auto;}    
.layer4-title {font-size:28px;line-height:32px;padding:40px 0 0 0;text-align:center;}
.layer4-desc {padding:20px 0 0 0;text-align:center;font-size:18px;line-height:30px;}
.layer4-button {text-align:center;padding:20px 0 0 0;}

.layerwdx-content {width:100%;margin:0 auto;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
#layerab0-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;}

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

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

.about-title {padding:20px 0 0 0;} .about-title h2 {font-size:30px;line-height:34px;}
.about-title-r {padding:20px 0 0 0;} .about-title-r h2 {font-size:30px;line-height:34px;}
      
.layerwdab-left {width:95%;margin:0 auto;padding:260px 0 30px 0;}
.layerwdab-right {width:95%;margin:0 auto;float:none;margin:0 auto;padding:260px 0 30px 0;}

.layer4-content {width:95%;margin:0 auto;}    
.layer4-title {font-size:26px;line-height:30px;padding:40px 0 0 0;text-align:center;}
.layer4-desc {padding:20px 0 0 0;text-align:center;font-size:18px;line-height:28px;}
.layer4-button {text-align:center;padding:20px 0 0 0;}      

.layerwdx-content {width:100%;margin:0 auto;}
}