/* ============================================================================
   SHOP
============================================================================ */    
.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;}
.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;}

#shop1-wrapper {width:100%;min-height:820px;background: url('../img/photos/shop_00.jpg') no-repeat top center;} 

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

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

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

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

.layerwdsh-left {width:640px;}
.layerwdsh-right {width:640px;float:right;}

#google-wrapper {width:100%;position:relative;}
.map_shop {width:100%;height:820px;margin:0 auto;}

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

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

.layerwdsh-left {width:640px;padding:10px 10px 0 10px;}
.layerwdsh-right {width:640px;padding:10px 10px 0 10px;}

.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-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;}

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

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

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

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

.map_shop {width:100%;height:700px;margin:0 auto;} 
}

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

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

.layerwdsh-left {width:50%;padding:10px 10px 0 10px;}
.layerwdsh-right {width:50%;padding:10px 10px 0 10px;}

.layerwdx-content {width:100%;margin:0 auto;}
.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;}

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

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

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

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

.map_shop {width:100%;height:600px;margin:0 auto;} 
}

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

.layerwd1-title {padding:100px 0 0 0;}
.layerwd1-title h1 {font-size:40px;line-height:52px;}

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

.layerwdsh-left {width:50%;padding:10px 10px 0 10px;}
.layerwdsh-right {width:50%;padding:10px 10px 0 10px;}

.layerwdx-content {width:100%;margin:0 auto;}
.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;}

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

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

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

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

.map_shop {width:100%;height:600px;margin:0 auto;} 
}

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

.layerwdx-content {width:100%;margin:0 auto;}
.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;} 

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

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

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

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

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

.map_shop {width:100%;height:460px;margin:0 auto;} 
}

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

.layerwdx-content {width:100%;margin:0 auto;}
.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;}

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

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

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

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

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

.map_shop {width:100%;height:360px;margin:0 auto;} 
}

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

.layerwdx-content {width:100%;margin:0 auto;}
.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;}

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

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

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

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

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

.map_shop {width:100%;height:360px;margin:0 auto;}    
}