@charset "utf-8";


/*04----網頁設計分享/客製化網站*//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/
.web-001,.web-002,.web-003,.web-004,.web-txtbox{position:absolute;overflow:hidden;}
.web-001{width:400px;height:420px;padding:50px 50px 0 50px;margin:8% 0 0 5%;text-align:center;background:linear-gradient(90deg, #ac865d, #78582f);border-radius:5px;}
.web-002{width:138px;height:138px;margin:25% 0 0 28%;border:20px solid #00a0bb;border-radius:5px;}
.web-003{width:58px;height:58px;margin:7% 0 0 75%;border:15px solid #00a0bb;border-radius:5px;}
.web-004{width:168px;height:168px;margin:12% 0 0 85%;background-color:#fec045;border-radius:5px;}
.web-txtbox{width:50%;margin:10% 0 4% 40%;text-align:justify;text-justify:inter-ideograph;}

.web-002,.web-002 h2,.web-003,.web-003 h2,.web-004,.web-004 h2{font-size:0}





@media screen and (max-width:1681px){
.web-001{margin:8% 0 0 5%;}
.web-002{width:88px;height:88px;margin:33% 0 0 28%;}
.web-003{width:38px;height:38px;margin:42% 18% 0 75%;}
.web-004{width:118px;height:118px;margin:10% 0 0 85%;}	

.shape-00{margin:-1% 0 0 25%;}	
	
.say-box{width:95%;}
.say-01{margin:-14% 0 0 24%;}
.say-02{margin:-10% 0 0 17%;}	
.say-03{margin:-8% 0 0 0;left:3%;}
.say-04{margin:13% 0 0 0;left:8%;}
.say-05{margin:-12% 0 0 0;right:3%;}
.say-06{margin:0 0 0 0;right:5%;}
.say-07{margin:18% 0 0 0;right:8%;}


	
	
		
}
@media screen and (max-width:1601px){
.web-002{width:88px;height:88px;margin:35% 0 0 1%;}	
.say-03,.say-04,.say-05,.say-06,.say-07{width:130px;height:110px;padding:40px 20px 20px 20px;font-size:50px;line-height:50px;}	

/*形狀*/
.p-shape01,.p-shape02,.p-shape03,.p-shape04,.p-shape05{width:450px;height:400px;padding:100px 50px 50px 50px;}
.p-shape01{margin:-35% 0 0 0;right:5%}
.p-shape02{margin:-50% 0 0 5%;}
.p-shape03{margin:-30% 0 0 0;right:5%}
.p-shape04{margin:-45% 0 0 5%;}
.p-shape05{margin:-43% 0 10% 0;right:5%}

	
/*標題*/
.ps-txt01{width:35%;margin:-3% 0 0 10%;}
.ps-txt02{width:35%;margin:-25% 10% 0 ;}
.ps-txt03{width:35%;margin:-3% 0 0 10%;}
.ps-txt04{width:35%;margin:-25% 10% 0 0;}
.ps-txt05{width:35%;margin:-15% 0 10% 10%;}
.ps-txt01 h2,.ps-txt02 h2,.ps-txt03 h2,.ps-txt04 h2,.ps-txt05 h2{font-size:40px;line-height:50px}
.ps-txt01 h3,.ps-txt02 h3,.ps-txt03 h3,.ps-txt04 h3,.ps-txt05 h3{font-size:30px;line-height:35px}
	
/*緞帶*/
.ribbon-01{margin:0 0 0 -10%;}
.ribbon-02{margin:35% 0 0 -10%;}
.ribbon-03{margin:-18% 0 0 -10%;}
.ribbon-04{margin:35% 0 0 -10%;}
.ribbon-05{margin:-18% 0 10% -10%;}
	
/*滑出 定位*/
.serve-4{top:390%;left:82%;font-size:80px;}
.serve-1{top:400%;left:3%;font-size:90px;}
.serve-2{top:495%;left:5%;font-size:100px;}
.serve-8{top:560%;left:80%;font-size:120px;}
.serve-5{top:590%;left:85%;font-size:90px;}
.serve-7{top:650%;left:5%;font-size:110px;}	
.serve-6{top:700%;left:88%;font-size:90px;}	
.serve-3{top:720%;left:3%;font-size:70px;}	

}
@media screen and (max-width:1501px){
.web-001{width:300px;height:350px;margin:15% 0 0 5%;padding:20px 50px 0 50px;}
.web-002{width:68px;height:68px;margin:38% 0 0 1%;border:15px solid #00a0bb;}
.web-003{width:38px;height:38px;margin:45% 18% 0 75%;border:10px solid #00a0bb;}
.web-004{width:88px;height:88px;margin:15% 0 0 85%;}	
.web-txtbox{width:55%;margin:15% 0 4% 40%;}	
	
	
/*形狀*/
.p-shape01{margin:-30% 0 0 0;right:5%}
.p-shape02{margin:-45% 0 0 5%;}
.p-shape03{margin:-30% 0 0 0;right:5%}
.p-shape04{margin:-45% 0 0 5%;}
.p-shape05{margin:-40% 0 0 0;right:5%}
.p-shape01 h3,.p-shape02 h3,.p-shape03 h3,.p-shape04 h3,.p-shape05 h3{width:80%;margin:30px 0 0 0;font-size:26px;line-height:30px}
.p-shape01 h4,.p-shape02 h4,.p-shape03 h4,.p-shape04 h4,.p-shape05 h4{font-size:30px;line-height:30px}	
	
/*標題*/
.ps-txt01{width:35%;margin:-3% 0 0 10%;}
.ps-txt02{width:35%;margin:-25% 10% 0 ;}
.ps-txt03{width:35%;margin:-3% 0 0 10%;}
.ps-txt04{width:35%;margin:-25% 10% 0 0;}
.ps-txt05{width:35%;margin:-15% 0 10% 10%;}

/*緞帶*/
.ribbon-01{margin:0 0 0 -10%;}
.ribbon-02{margin:32% 0 0 -10%;}
.ribbon-03{margin:0 0 0 -10%;}
.ribbon-04{margin:32% 0 0 -10%;}
.ribbon-05{margin:0 0 10% -10%;}
	
/*滑出 定位*/
.serve-1{top:380%;left:3%;font-size:80px;}	
.serve-4{top:390%;left:82%;font-size:70px;}
.serve-2{top:495%;left:5%;font-size:90px;}
.serve-8{top:540%;left:80%;font-size:110px;}
.serve-5{top:590%;left:85%;font-size:80px;}
.serve-7{top:630%;left:5%;font-size:100px;}	
.serve-6{top:680%;left:88%;font-size:80px;}	
.serve-3{top:690%;left:3%;font-size:60px;}		
	
}
@media screen and (max-width:1367px){
.web-002{width:68px;height:68px;margin:42% 0 0 1%;}	
.shape-00{margin:-1% 0 0 28%;}	
	
/*內頁*/
.shape-box{width:966px;}
.shape-00{margin:-1% 0 0 28%;font-size:80px;line-height:80px;}
.shape-01,.shape-02,.shape-03,.shape-04,.shape-05,.shape-06,.shape-07,.shape-08,.shape-09,.shape-10,.shape-11,.shape-12,.shape-13,.shape-14,.shape-15,.shape-16,.shape-17,.shape-18,.shape-19,.shape-20,.shape-21,.shape-22,.shape-23{width:138px;height:138px;}
.shape-01,.shape-02,.shape-06,.shape-07,.shape-11,.shape-12,.shape-13,.shape-14,.shape-19,.shape-20,.shape-22,.shape-23{font-size:100px;line-height:160px;font-weight:bold}
.shape-05,.shape-08,.shape-15,.shape-18,.shape-21{width:138px;height:100px;padding:38px 0 0 0;font-size:22px;line-height:30px;font-weight:bold}
.shape-04{border-radius:0;color:#ffffff;background-color:none;width:552px;height:138px;}
.shape-09{border-radius:0;color:#ffffff;background-color:none;width:414px;height:138px;}

.say-box{width:95%;margin:7% auto 3% auto;}	
.say-01{margin:-14% 0 0 20%;}
.say-02{margin:-10% 0 0 13%;}	
.say-03{margin:-9% 0 0 0;left:3%;}
.say-04{margin:16% 0 0 0;left:8%;}
.say-05{margin:-12% 0 0 0;right:3%;}
.say-06{margin:0 0 0 0;right:5%;}
.say-07{margin:18% 0 0 0;right:8%;}	

/*形狀*/
.p-shape01{margin:-30% 0 0 0;right:3%}
.p-shape02{margin:-45% 0 0 3%;}
.p-shape03{margin:-30% 0 0 0;right:3%}
.p-shape04{margin:-45% 0 0 3%;}
.p-shape05{margin:-40% 0 0 0;right:3%}	
	
/*標題*/
.ps-txt01{width:35%;margin:-5% 0 0 10%;}
.ps-txt02{width:35%;margin:-27% 10% 0 ;}
.ps-txt03{width:35%;margin:-5% 0 0 10%;}
.ps-txt04{width:35%;margin:-27% 10% 0 0;}
.ps-txt05{width:35%;margin:-17% 0 10% 10%;}	

	
/*滑出 定位*/
.serve-1{top:370%;left:3%;font-size:80px;}	
.serve-4{top:380%;left:82%;font-size:70px;}
.serve-2{top:445%;left:5%;font-size:90px;}
.serve-8{top:520%;left:80%;font-size:110px;}
.serve-5{top:580%;left:85%;font-size:80px;}
.serve-7{top:600%;left:5%;font-size:100px;}	
.serve-3{top:650%;left:3%;font-size:60px;}
.serve-6{top:650%;left:88%;font-size:80px;}			
}
@media screen and (max-width:1281px){
.web-001{width:300px;height:320px;margin:15% 0 0 5%;padding:20px 20px 0 20px;}
.web-002{width:68px;height:68px;margin:42% 0 0 1%;}		
.web-txtbox{width:55%;margin:18% 0 4% 40%;line-height:0;}	
		
.say-03,.say-04,.say-05,.say-06,.say-07{width:100px;height:80px;padding:30px 10px 10px 10px;font-size:40px;line-height:40px;}
.say-01{margin:-18% 0 0 20%;}
.say-02{margin:-14% 0 0 13%;}	
.say-03{margin:-5% 0 0 0;left:1%;}
.say-04{margin:20% 0 0 0;left:6%;}
.say-05{margin:-8% 0 0 0;right:4%;}
.say-06{margin:2% 0 0 0;right:2%;}
.say-07{margin:20% 0 0 0;right:6%;}	
	
/*形狀*/
.p-shape01{margin:-30% 0 0 0;right:3%}
.p-shape02{margin:-45% 0 0 3%;}
.p-shape03{margin:-30% 0 0 0;right:3%}
.p-shape04{margin:-45% 0 0 3%;}
.p-shape05{margin:-35% 0 0 0;right:3%}		
	
/*標題*/
.ps-txt01{width:38%;margin:-8% 0 0 5%;}
.ps-txt02{width:38%;margin:-30% 5% 0 ;}
.ps-txt03{width:38%;margin:-8% 0 0 5%;}
.ps-txt04{width:38%;margin:-30% 5% 0 0;}
.ps-txt05{width:38%;margin:-15% 0 0 5%;}		
.ps-txt01 h2,.ps-txt02 h2,.ps-txt03 h2,.ps-txt04 h2,.ps-txt05 h2{font-size:32px;line-height:40px}
.ps-txt01 h3,.ps-txt02 h3,.ps-txt03 h3,.ps-txt04 h3,.ps-txt05 h3{font-size:26px;line-height:30px}
	

/*滑出 定位*/
.serve-1{top:355%;left:3%;font-size:60px;line-height:20px}	
.serve-4{top:370%;left:82%;font-size:50px;line-height:20px}
.serve-2{top:435%;left:5%;font-size:70px;line-height:20px}
.serve-8{top:500%;left:80%;font-size:80px;line-height:20px}
.serve-5{top:555%;left:85%;font-size:60px;line-height:20px}
.serve-7{top:570%;left:5%;font-size:80px;line-height:20px}	
.serve-6{top:615%;left:88%;font-size:60px;line-height:20px}			
.serve-3{top:625%;left:3%;font-size:40px;line-height:20px}	
	
}

@media screen and (max-width:1098px){
.web-001{width:260px;height:290px;margin:17% 0 0 5%;padding:10px 20px 0 20px;}
.web-002{width:58px;height:58px;margin:47% 0 0 1%;border:12px solid #00a0bb;}	
.web-003{width:38px;height:38px;margin:50% 18% 0 75%;border:8px solid #00a0bb;}
.web-004{width:88px;height:88px;margin:15% 0 0 85%;}	
.web-txtbox{width:55%;margin:18% 0 4% 40%;}	
	
/*內頁*/	
.shape-box{width:690px;margin:25% auto 0 auto;}	
.shape-00{width:690px;margin:-20% auto 0 auto;text-align:center;font-size:80px;line-height:80px;}	
		

.shape-01{border-radius:5px 50% 5px 50%;color:#ffffff;background-color:#00a0bb;}
.shape-02{border-radius:50% 5px 50% 5px;color:#00a0bb;background-color:#fec045}
.shape-03{border-radius:50% 5px 5px 50%;color:#00a0bb;background-color:#00a0bb}
.shape-04{width:138px;height:138px;border-radius:0 50% 50% 50%;color:#fec045;background-color:#fec045;}
.shape-05{border-radius:5px 50% 50% 5px;color:#ffffff;background-color:#fec045}

.shape-06{border-radius:50% 5px 5px 5px;color:#00a0bb;background-color:#ffffff}
.shape-07{border-radius:5px 5px 50% 5px;color:#ffffff;background-color:#fec045}
.shape-08{border-radius:5px 50% 50% 5px;color:#ffffff;background-color:#00a0bb}
.shape-09{width:138px;height:138px;border-radius:50% 50% 50% 50%;color:#ffffff;background-color:#ffffff;}

.shape-10{border-radius:50% 5px 5px 50%;color:#00a0bb;background-color:#00a0bb}
.shape-11{border-radius:50% 5px 5px 50%;color:#ffffff;background-color:#fec045}
.shape-12{border-radius:5px 50% 50% 5px;color:#fec045;background-color:#00a0bb}
.shape-13{border-radius:50% 5px 5px 50%;color:#00a0bb;background-color:#ffffff}
.shape-14{border-radius:5px 50% 50% 5px;color:#00a0bb;background-color:#fec045}
.shape-15{border-radius:5px 50% 5px 50%;color:#00a0bb;background-color:#ffffff}
.shape-16{border-radius:50% 50% 5px 50%;color:#ffffff;background-color:#ffffff}

.shape-17{border-radius:50% 50% 50% 5px;color:#fec045;background-color:#fec045}
.shape-18{border-radius:5px 50% 5px 50%;color:#00a0bb;background-color:#ffffff}
.shape-19{border-radius:50% 5px 5px 05px;color:#ffffff;background-color:#fec045}
.shape-20{border-radius:5px 5px 50% 5px;color:#ffffff;background-color:#00a0bb}
.shape-21{border-radius:5px 5px 50% 50%;color:#ffffff;background-color:#00a0bb}
.shape-22{border-radius:50% 5px 5px 5px;color:#ffffff;background-color:#fec045}
.shape-23{border-radius:5px 5px 50% 5px;color:#fec045;background-color:#00a0bb}	
.shape-24{width:138px;height:138px;border-radius:50% 5px 50% 5px;color:#00a0bb;background-color:#00a0bb;float:left;overflow:hidden}
.shape-25{width:138px;height:138px;border-radius:50% 50% 50% 50%;color:#fec045;background-color:#fec045;float:left;overflow:hidden}	

.say-01,.say-02{width:40px;height:35px;padding:10px 5px 5px 5px;line-height:20px;font-size:16px;font-weight:normal}	
.say-03,.say-04,.say-05,.say-06,.say-07{width:80px;height:65px;padding:25px 10px 10px 10px;font-size:30px;line-height:30px;}
	

/*形狀*/
.p-shape01{margin:-30% 0 0 0;width:400px;height:auto;padding:50px;border-radius:88px 88px 88px 5px;right:3%}
.p-shape02{margin:-45% 0 0 3%;width:400px;height:auto;padding:50px;border-radius:88px 5px 88px 5px;}
.p-shape03{margin:-30% 0 0 0;width:400px;height:auto;padding:50px;border-radius:5px 88px 88px 5px;right:3%}
.p-shape04{margin:-45% 0 0 3%;width:400px;height:auto;padding:50px;border-radius:88px 5px 88px 88px;}
.p-shape05{margin:-35% 0 0 0;width:400px;height:auto;padding:50px;border-radius:5px 88px 88px 88px;right:3%}	
.p-shape01 h3,.p-shape02 h3,.p-shape03 h3,.p-shape04 h3,.p-shape05 h3{margin:0;width:100%}
	
/*滑出 定位*/
.serve-1,.serve-2,.serve-3,.serve-4,.serve-5,.serve-6,.serve-7,.serve-8{top:0;left:0;font-size:0;line-height:0;display:none}		


	
	
}
@media screen and (max-width:1025px){
.web-001{width:260px;height:290px;margin:19% 0 0 5%;padding:10px 20px 0 20px;}
.web-002{width:48px;height:48px;margin:15% 0 0 85%;}	
.web-003{width:38px;height:38px;margin:60% 18% 0 25%;}
.web-004{width:58px;height:58px;margin:50% 0 0 1%;}	
.web-txtbox{width:50%;margin:18% 0 4% 45%;}			

.say-03,.say-04,.say-05,.say-06,.say-07{width:60px;height:50px;padding:15px 5px 5px 5px;font-size:22px;line-height:25px;}
.say-01{margin:-18% 0 0 17%;}
.say-02{margin:-14% 0 0 9%;}		
.say-03{margin:27% 0 0 0;left:5%;}
.say-04{margin:37% 0 0 0;left:8%;}
.say-05{margin:23% 0 0 0;right:5%;}
.say-06{margin:30% 0 0 0;right:7%;}
.say-07{margin:40% 0 0 0;right:8%;}	
	
/*標題*/	
.ps-txt01{width:30%;margin:-13% 0 0 3%;}
.ps-txt02{width:30%;margin:-35% 3% 0 ;}
.ps-txt03{width:30%;margin:-13% 0 0 3%;}
.ps-txt04{width:30%;margin:-35% 3% 0 0;}
.ps-txt05{width:30%;margin:-20% 0 0 3%;}		
.ps-txt01 h2,.ps-txt02 h2,.ps-txt03 h2,.ps-txt04 h2,.ps-txt05 h2{font-size:28px;line-height:40px}
.ps-txt01 h3,.ps-txt02 h3,.ps-txt03 h3,.ps-txt04 h3,.ps-txt05 h3{font-size:20px;line-height:25px}		
}

@media screen and (max-width:921px){
.say-01{margin:-18% 0 0 17%;}
.say-02{margin:-14% 0 0 9%;}		
.say-03{margin:30% 0 0 0;left:3%;}
.say-04{margin:40% 0 0 0;left:5%;}
.say-05{margin:26% 0 0 0;right:3%;}
.say-06{margin:33% 0 0 0;right:5%;}
.say-07{margin:43% 0 0 0;right:5%;}		
	
	
/*標題*/		
.ps-txt01 h2,.ps-txt02 h2,.ps-txt03 h2,.ps-txt04 h2,.ps-txt05 h2{font-size:24px;line-height:30px}
.ps-txt01 h3,.ps-txt02 h3,.ps-txt03 h3,.ps-txt04 h3,.ps-txt05 h3{font-size:18px;line-height:25px}		



}

@media screen and (max-width:865px){
.web-002{width:28px;height:28px;margin:15% 0 0 88%;}	
.web-003{width:38px;height:38px;margin:70% 18% 0 25%;}
.web-004{width:58px;height:58px;margin:60% 0 0 1%;}	
.web-txtbox{width:45%;margin:18% 0 4% 50%;}			
	
	
/*內頁*/	
.shape-box{width:540px}	
.shape-00{width:540px;font-size:60px;line-height:60px;}	
.shape-01,.shape-02,.shape-03,.shape-04,.shape-05,.shape-06,.shape-07,.shape-08,.shape-09,.shape-10,.shape-11,.shape-12,.shape-13,.shape-14,.shape-15,.shape-16,.shape-17,.shape-18,.shape-19,.shape-20,.shape-21,.shape-22,.shape-23,.shape-24,.shape-25{width:108px;height:108px;}
.shape-01,.shape-02,.shape-06,.shape-07,.shape-11,.shape-12,.shape-13,.shape-14,.shape-19,.shape-20,.shape-22,.shape-23{font-size:80px;line-height:130px;font-weight:bold}
.shape-05,.shape-08,.shape-15,.shape-18,.shape-21{width:108px;height:80px;padding:28px 0 0 0;font-size:18px;line-height:25px;font-weight:normal}



.say-03,.say-04,.say-05,.say-06,.say-07{width:45px;height:40px;padding:10px 5px 5px 5px;font-size:16px;line-height:20px;}	
.say-03{margin:35% 0 0 0;left:3%;}
.say-04{margin:45% 0 0 0;left:5%;}
.say-05{margin:33% 0 0 0;right:3%;}
.say-06{margin:38% 0 0 0;right:5%;}
.say-07{margin:48% 0 0 0;right:5%;}
	
	
}
@media screen and (max-width:801px){
.say-03,.say-04{border-radius:50% 50% 5px 50%;}
.say-05,.say-06,.say-07{border-radius:50% 50% 50% 5px;}		
.say-03{margin:38% 0 0 0;left:20%;}
.say-04{margin:45% 0 0 0;left:10%;}
.say-05{margin:35% 0 0 0;right:18%;}
.say-06{margin:40% 0 0 0;right:15%;}
.say-07{margin:45% 0 0 0;right:8%;}	
	

/*形狀*/
.p-shape01{margin:-30% 0 0 0;width:70%;height:auto;padding:5%;border-radius:58px 58px 58px 5px;right:10%}
.p-shape02{margin:-55% 0 0 10%;width:70%;height:auto;padding:5%;border-radius:58px 5px 58px 5px;}
.p-shape03{margin:-25% 0 0 0;width:70%;height:auto;padding:5%;border-radius:0 58px 58px 5px;right:10%}
.p-shape04{margin:-50% 0 0 10%;width:70%;height:auto;padding:5%;border-radius:58px 5px 58px 58px;}
.p-shape05{margin:-15% 0 0 0;width:70%;height:auto;padding:5%;border-radius:5px 58px 58px 58px;right:10%}	
.p-shape01 h3,.p-shape02 h3,.p-shape03 h3,.p-shape04 h3,.p-shape05 h3{margin:0;width:100%}

/*緞帶*/
.ribbon-01{margin:0 0 0 -20%;}
.ribbon-02{margin:50% 0 0 -20%;}
.ribbon-03{margin:0 0 0 -20%;}
.ribbon-04{margin:50% 0 0 -20%;}
.ribbon-05{margin:-30% 0 0 -20%;}	
.ribbon-01,.ribbon-02,.ribbon-03,.ribbon-04,.ribbon-05{width:140%;}	
.ribbon-box{width:100%;height:200px;overflow:hidden;font-size:0;color:#c3394b}	
	
/*標題*/		
.ps-txt01 h2,.ps-txt02 h2,.ps-txt03 h2,.ps-txt04 h2,.ps-txt05 h2,.ps-txt01 h3,.ps-txt02 h3,.ps-txt03 h3,.ps-txt04 h3,.ps-txt05 h3{font-size:0;line-height:0;display:none}			
	
}
@media screen and (max-width:769px){
.say-box p{width:95%;margin:auto;line-height:25px;}	
.say-01{margin:-25% 0 0 17%;}
.say-02{margin:-20% 0 0 9%;}		
}

@media screen and (max-width:721px){
.web-001{width:260px;height:290px;margin:19% 0 0 28%;padding:10px 20px 0 20px;}
.web-002{width:48px;height:48px;margin:25% 0 0 85%;}	
.web-003{width:38px;height:38px;margin:30% 18% 0 2%;}
.web-004{width:58px;height:58px;margin:40% 0 0 18%;}	
.web-txtbox{width:90%;margin:450px 5% 4% 5%;text-align:center}	

.say-01{margin:-26% 0 0 17%;}
.say-02{margin:-21% 0 0 9%;}		
.say-03{margin:40% 0 0 0;left:15%;}
.say-04{margin:47% 0 0 0;left:8%;}
.say-05{margin:37% 0 0 0;right:18%;}
.say-06{margin:42% 0 0 0;right:15%;}
.say-07{margin:47% 0 0 0;right:8%;}		

}
@media screen and (max-width:651px){
.web-001{margin:19% 0 0 26%;}	
.web-004{margin:45% 0 0 12%;}	
/*內頁*/	
.shape-box{width:432px}	
.shape-00{width:432px;font-size:60px;line-height:60px;}	
.shape-25{width:0;height:0;display:none}
	
.say-01{margin:-30% 0 0 10%;}
.say-02{margin:-22% 0 0 2%;}		
.say-03{margin:48% 0 0 0;left:12%;}
.say-04{margin:55% 0 0 0;left:8%;}
.say-05{margin:45% 0 0 0;right:12%;}
.say-06{margin:50% 0 0 0;right:12%;}
.say-07{margin:55% 0 0 0;right:8%;}	

/*緞帶*/
.ribbon-01{margin:0 0 0 -20%;}
.ribbon-02{margin:60% 0 0 -20%;}
.ribbon-03{margin:10% 0 0 -20%;}
.ribbon-04{margin:60% 0 0 -20%;}
.ribbon-05{margin:-30% 0 0 -20%;}		

/*形狀*/
.p-shape01{margin:-30% 0 0 0;width:80%;right:5%}
.p-shape02{margin:-65% 0 0 5%;width:80%;}
.p-shape03{margin:-30% 0 0 0;width:80%;right:5%}
.p-shape04{margin:-65% 0 0 5%;width:80%;}
.p-shape05{margin:-15% 0 0 0;width:80%;right:5%}	
.p-shape01 h3,.p-shape02 h3,.p-shape03 h3,.p-shape04 h3,.p-shape05 h3{margin:0;width:100%}	
.p-shape01,.p-shape02,.p-shape03,.p-shape04,.p-shape05{text-align:center}		
	
}
@media screen and (max-width:599px){
.web-001{margin:19% 0 0 24%;}	
.web-002{width:48px;height:48px;margin:25% 0 0 80%;}	
.web-txtbox{margin:400px 5% 4% 5%;}		
	
.say-01{margin:-36% 0 0 12%;}
.say-02{margin:-29% 0 0 0;}	
.say-03{margin:53% 0 0 0;left:10%;}
.say-04{margin:60% 0 0 0;left:2%;}
.say-05{margin:50% 0 0 0;right:15%;}
.say-06{margin:55% 0 0 0;right:8%;}
.say-07{margin:60% 0 0 0;right:2%;}			
	
}
@media screen and (max-width:541px){
.web-001{width:210px;height:240px;padding:10px 20px 0 20px;margin:25% 0 0 26%;}	
.web-002{width:28px;height:28px;margin:40% 0 0 80%;}
.web-003{width:18px;height:18px;margin:45% 18% 0 2%;}
.web-004{width:38px;height:38px;margin:60% 0 0 12%;}	


/*內頁*/	
.shape-box{width:352px;margin:35% auto 0 auto;}	
.shape-00{width:352px;margin:-20% auto 0 auto;font-size:48px;line-height:40px;}	
.shape-01,.shape-02,.shape-03,.shape-04,.shape-05,.shape-06,.shape-07,.shape-08,.shape-09,.shape-10,.shape-11,.shape-12,.shape-13,.shape-14,.shape-15,.shape-16,.shape-17,.shape-18,.shape-19,.shape-20,.shape-21,.shape-22,.shape-23,.shape-24,.shape-25{width:88px;height:88px;}
.shape-01,.shape-02,.shape-06,.shape-07,.shape-11,.shape-12,.shape-13,.shape-14,.shape-19,.shape-20,.shape-22,.shape-23{font-size:60px;line-height:110px;font-weight:bold}
.shape-05,.shape-08,.shape-15,.shape-18,.shape-21{width:88px;height:63px;padding:25px 0 0 0;font-size:16px;line-height:20px;font-weight:normal}	

.say-01{margin:-35% 0 0 12%;}
.say-02{margin:-25% 0 0 0;}
.say-03{margin:60% 0 0 0;left:10%;}
.say-04{margin:70% 0 0 0;left:2%;}
.say-05{margin:55% 0 0 0;right:15%;}
.say-06{margin:60% 0 0 0;right:8%;}
.say-07{margin:75% 0 0 0;right:2%;}	
	

	
/*緞帶*/
.ribbon-01{margin:0 0 0 -20%;}
.ribbon-02{margin:80% 0 0 -20%;}
.ribbon-03{margin:20% 0 0 -20%;}
.ribbon-04{margin:80% 0 0 -20%;}
.ribbon-05{margin:0 0 0 -20%;}		

/*形狀*/
.p-shape01{margin:-40% 0 0 0;width:80%;right:5%}
.p-shape02{margin:-85% 0 0 5%;width:80%;}
.p-shape03{margin:-40% 0 0 0;width:80%;right:5%}
.p-shape04{margin:-85% 0 0 5%;width:80%;}
.p-shape05{margin:-25% 0 0 0;width:80%;right:5%}	
.p-shape01 h3,.p-shape02 h3,.p-shape03 h3,.p-shape04 h3,.p-shape05 h3{font-size:20px;line-height:25px}
.p-shape01 h4,.p-shape02 h4,.p-shape03 h4,.p-shape04 h4,.p-shape05 h4{font-size:24px;line-height:30px;margin:-20px 0 0 0}		
}

@media screen and (max-width:415px){
.web-001{width:160px;height:190px;margin:25% 0 0 25%;padding:10px 20px 0 20px;}	
.web-txtbox{margin:330px 5% 4% 5%;}
.say-01,.say-02,.say-03,.say-04,.say-05,.say-06,.say-07{margin:0;right:0;display:none}		
}
@media screen and (max-width:385px){	
}
@media screen and (max-width:376px){}
@media screen and (max-width:361px){
.web-txtbox{margin:290px 5% 4% 5%;font-weight:normal}	
/*形狀*/
.p-shape01{margin:-50% 0 0 0;width:80%;right:5%}
.p-shape02{margin:-95% 0 0 5%;width:80%;}	
.p-shape03{margin:-50% 0 0 0;width:80%;right:5%}
	
/*形狀*/
.p-shape01{border-radius:38px 38px 38px 5px;}
.p-shape02{border-radius:38px 5px 38px 5px;}
.p-shape03{border-radius:5px 38px 38px 5px;}
.p-shape04{border-radius:38px 5px 38px 38px;}
.p-shape05{border-radius:5px 38px 38px 38px;}	
}
@media screen and (max-width:321px){
.web-txtbox{margin:300px 5% 4% 5%;}		
}