/* 手機垂直Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 480px) {
	/* 聯絡我們按鈕*/	
	.desktop-only {display: none;}

	/* logo */
	header { width: 100%; position: fixed; top: 0px; left: 0px;  ; z-index: 9;padding:0;margin:0; }/* rgba(0, 0, 0, 1) */
	header .Center { width: 100%;padding:0;margin:0;background: rgba(0, 0, 0, 0.7);height: 55px; }
	header .site-logo { margin:0.8rem 0 0 2rem;padding:0; width: 250px; float: left; transition: all 0.3s;  }

	/* 三橫按鈕 */
	#mobile_sec { position: fixed; width: 100%; }
	#mobile_sec .mobile { display: block; position: relative; float: right;}
	#mobile_sec .menumobile { display: none; width: 100%; position: absolute; top: 55px; right: 0%; background: rgba(0, 0, 0, 0.8);  }
	#mobile_sec .menumobile .Navigation { width: 100%; float: none; }
	#mobile_sec .menumobile .Navigation ul { float: none;}
	#mobile_sec .menumobile .Navigation li { float: none; width: 100%; border-bottom: solid 1px #365374; }
	#mobile_sec .menumobile .Navigation li a { padding: 10px 21px; background: none; border-bottom: none; }
	#mobile_sec .menumobile .Navigation li:last-child { border-bottom: none; }

	/* 服務項目 */
	.Banner_sec .leftside { margin-top:2rem;padding:0; width: 100%; float: left; }
	.Banner_sec .leftside h3 { text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold; letter-spacing:0.5rem; color: #fff; font-family: arial; font-weight: 800; text-transform: uppercase; margin: 0px; line-height: 34px;}
	.Banner_sec .leftside h3 span { margin:0 0 1rem 2rem;text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold;font-size: 2rem; color: #fccb46; font-family: 'Open Sans', sans-serif; font-weight: 600; display: block; }
	.Banner_sec .leftside p { text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold;letter-spacing:0.5rem;padding: 0.5rem 0; font-size: 1.5rem; color: #dbf2fb; font-family: arial; font-weight: 500; margin-left: 2rem; word-spacing: 0.5rem; line-height: 0.5rem; }

	/* 輪播圖 */	
	.Banner_sec { width: 100%; background: url(../img/Banner-bg12.webp) top center no-repeat; height: 340px; position: relative; background-size: cover;}
	.Banner_sec .Center {width: 100%; padding: 0px 2%; }
	.Banner_sec .bannerside { top: 4.5rem; }
	.Banner_sec .rightside { margin-top:1.6rem;width: 98%;}
	.Banner_sec .rightside .Slider { width: 99%; text-align: center; }
	.Banner_sec .rightside .Slider .text { padding: 10px 10px; }
	.Banner_sec .rightside .Slider .text .Icon { width: 100%; }
	.Banner_sec .rightside .Slider .text .Icon li { float: none!important; display: inline-block; padding: 0px 10px;}
	.Banner_sec .rightside .Slider .text .Lorem { width: 100%;  }
	.Banner_sec .rightside .Slider .text .Lorem p { font-size: 0.9rem; text-align: initial;}
	.Banner_sec .rightside .Slider .text .Lorem p span { display: inline-block; float: right; }
	.Banner_sec .rightside .Shadow { width: 105.5%; left: -18px; }
	.Banner_sec .rightside #slider li img { height: 250px; width: 100%;}	
	.Banner_sec .rightside #slider {
		width: 100%;
		margin-top:0rem;
		padding: 0;
		list-style: none; /* 去除列表的小圓點 */
		border-radius: 10px;
		overflow: hidden; /* 確保圓角效果能切掉內層圖片 */
	}
	.Banner_sec .rightside .prevBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/prev-arrow.png) no-repeat; position: absolute; top: 120px; left: 10px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }
	.Banner_sec .rightside .nextBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/next-arrow.png) no-repeat; position: absolute; top: 120px; right: 10px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }	
	
	.Banner_services { width: 100%; background: url(../img/Banner-bg3.webp)  center no-repeat;  position: relative; background-size: cover;}
	.Banner_contactus { width: 100%; background: url(../img/Banner-bg4-1.webp) top right no-repeat;  position: relative; background-size: cover;}
	.Banner_process { width: 100%; background: url(../img/Banner-bg5-1.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_about { width: 100%; background: url(../img/Banner-bg7.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_project { width: 100%; background: url(../img/Banner-bg11.webp) top center no-repeat; position: relative; background-size: cover;}

	.bgcolor { height: 50px; }

	#Container { width: 100%; }

	.About_sec{ 
		width: 100%; padding:2rem; overflow: hidden;background: url(../img/about-bg.webp) top center no-repeat; background-size: cover; 
	}

	.Services_sec,
	.Pricing_sec { 
		width: 100%;padding: 3rem 2rem 4rem 2rem;margin:0; overflow: hidden;
	}
	.About_sec .Center { width: 100%; padding: 0; }
	.About_sec p { padding: 15px 0px; font-size: 13px; }
	.About_sec .Tabside { padding: 30px 0 0px 0; }
	.About_sec .Tabside ul { padding-bottom: 25px;}
	.About_sec .Tabside li a { font-size: 13px; padding: 14px; }
	.About_sec .Tabside .TabImage { width: 100%; float: none; padding:1rem 0 ; text-align: center;}
	.About_sec .Tabside .TabImage .img1 { left: 0px;margin-top:-2rem; position: relative; height: 250px; background: none;background-size: 100%; }
	.About_sec .Tabside .TabImage .img1 img { margin: auto;}
	.About_sec .Tabside .TabImage .img2 { left: 20px;margin-top:0rem; background: none; background-size: 100%; }
	.About_sec .Tabside .TabImage .img2 img { width: 94%; height: auto; }
	.About_sec .Tabside .Description { padding:0;margin:0; width: 100%;margin: 0 auto;text-align: left; }
	.About_sec .Tabside .Description p { padding: 10px 0px; text-align: justify; }
	
	.Services_sec .Center { width: 100%; padding:0; }
	.Services_sec p { padding: 15px 0px; font-size: 13px; }
	.Services_sec .Serviceside { margin-top:1.5rem;padding:0;  }
	.Services_sec_services .Center { width: 90%; padding: 0px; }
	.Services_sec_services .Serviceside { margin:2rem 0;padding:0;  }
	.Services_sec_process .Center { width: 90%; padding: 0px; }
	.Services_sec_about .Center { width: 90%; padding: 0px; }

	.Pricing_sec { width:100%; padding: 3rem 0 4rem 0; }
	.Pricing_sec .Center {  margin: auto; overflow: hidden; text-align: center; }
	.Pricing_sec .Pricingside { padding-top:2rem; width: 95%; overflow: hidden; text-align: initial; }	
	
	.Contact_sec { width: 100%; }
	.Contact_sec .Center { width: 100%; padding-top:2rem;}
	.Contact_sec p { padding: 15px 0px; font-size: 13px; }
	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 200px; width: 100%; }
	.Contact_sec_contactus { width: 100%;padding:2rem;margin-top:-3rem}
	.Contact_sec_contactus .Center { width: 100%; padding:3rem 0 1rem 0;}
	.Contact_sec_contactus p { padding: 15px 0px; font-size: 13px; }
	.Contact_sec_contactus .Map { width: 100%;}
	.Contact_sec_contactus .Map img { height: 50px; width: 100%; }

	.Get_sec { width: 100%; overflow: hidden; background: url(../img/Get-bg.webp) top center no-repeat; background-size: cover;padding:1rem 1.5rem 2.5rem 1.5rem;}
	.Get_sec .Mid { width:90%; padding: 0;margin-top:-3rem }
	.Get_sec .Leftside { width: 100%}
	.Get_sec .Leftside p { margin: 0 0 20px; } 
	.Get_sec .Leftside input.field { padding: 10px 20px; }
	.Get_sec .Leftside textarea { padding: 10px 20px; height: 125px; }
	.Get_sec .Leftside .button { margin: 0px; padding: 12px 0px; -webkit-appearance: none; }
	.Get_sec .Rightside { padding: 2rem 0; width: 100%; }
	.Get_sec .Rightside h3 { padding-bottom: 10px; }
	.Get_sec .Rightside address { padding: 0 0 15px 47px; }
	.Get_sec .Rightside ul { padding: 10px 0 0 3px; }

	.Get_sec1 { width: 100%;padding:1rem 1.5rem 2.5rem 1.5rem;margin-top:0rem;}
	.Get_sec1 .Mid {padding:1rem 0 3rem 0;margin-top:-3.5rem; }
	.Get_sec1 .Leftside { padding:2rem 0.5rem;margin-top:1rem; }
	.Get_sec1 .Leftside p { margin: 0 0 20px; } 
	.Get_sec1 .Leftside input.field { padding: 10px 20px; }
	.Get_sec1 .Leftside textarea { padding: 10px 20px; height: 125px; }
	.Get_sec1 .Leftside .button { -webkit-appearance: none;  margin: 0px; padding: 12px 0px; }
	.Get_sec1 .Rightside { padding:0 0.5rem; }
	.Get_sec1 .Rightside h3 { padding-bottom: 20px; }
	.Get_sec1 .Rightside address { padding: 0 0 15px 65px; }
	.Get_sec1 .Rightside ul { padding: 10px 0 0 3px; }

	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 10px 3%; }	

	.fontsizeTitleBon{font-size:1.3rem;}/* 標題按鈕 */	
	.fontsizeT1{font-size:2rem;}/* 標題1*/
	.fontsizeT2{font-size:1rem;}/* 標題2span*/
	.fontsizeT3{font-size:1.4rem;padding: 21px 0px 4px 0px; color: #323232; margin: 0px; line-height: 2.5rem;padding: 10px 0px; }/* 內文*/	
	.fontsizeT4{font-size:1.4rem;padding: 10px 0px 10px 0px; color: #dcdee0; margin: 0px; line-height: 2.5rem;padding: 10px 0px;}/* 內文*/
	.fontsizeT5{font-size:0.7rem;}
	.fontsizeT6{font-size:1rem}
	.fontsizeProduct{font-size:1.8rem;color:#fff;line-height: 2.5rem;letter-spacing:0.5rem;padding: 13.5rem 0px;text-shadow: 0 0 3px #303030, 0 0 3px #303030, 0 0 3px #303030, 0 0 3px #303030; }/* 粉體塗裝 */
	.fontsizeProductT1{font-size:1.3rem; } /* 塗裝流程內文 */
	.fontsizeContactUsT1{font-size:2rem; } /* 聯絡我們標題 */	
	.fontsizeContactUsT2{font-size:1.3rem; } /* 聯絡我們內文 */
	.fontsizefocT1{font-size:1rem; } /* 底層 */
	.contop{margin:0;padding-top:2rem} /* 聯絡我們前高度 */
	.height-services{}
	.marginTop1{margin-top:2rem}
	.marginTop2{margin-top:-4.5rem}
	.Banner_height{height: 200px}
	
	header { 
		height: 4rem; 
		position: fixed;
	}
	.Navigation li {
		height: 4rem;
	}
	header .site-logo {
		padding-top: 0px;
	}
	.Navigation li:hover span, .Navigation li.active span {
		height: 4rem;
	}
	.Navigation li span {
		border-bottom: none;
		background: none;
	}
	#mobile_sec .menumobile .Navigation li:hover, 
	#mobile_sec .menumobile .Navigation li.active {
		background: #e0ac20 none repeat scroll 0% 0%;
		border-bottom: medium none;
	}
	header.smaller .Navigation li {
		height: 4rem;
	}
	.Banner_sec .leftside a {
		margin-top: 0rem;
	}
}

/* 手機橫屏Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 481px) and (max-width: 767px) {
	/* 聯絡我們按鈕*/
	.desktop-only {display: none;}

	/* logo */
	header { width: 100%; position: fixed; top: 0px; left: 0px;  ; z-index: 9;padding:0;margin:0; }/* rgba(0, 0, 0, 1) */
	header .Center { width: 100%;padding:0;margin:0;background: rgba(0, 0, 0, 0.7);height: 55px; }
	header .site-logo { margin-top:0.4rem;padding-left:2rem; width: 250px; float: left; transition: all 0.3s;  }

	#mobile_sec { position: fixed; width: 100%; }
	#mobile_sec .mobile { display: block; position: relative; float: right;}
	#mobile_sec .menumobile { display: none; width: 100%; position: absolute; top: 55px; right: 0%; background: rgba(0, 0, 0, 0.8);  }
	#mobile_sec .menumobile .Navigation { width: 100%; float: none; }
	#mobile_sec .menumobile .Navigation ul { float: none;}
	#mobile_sec .menumobile .Navigation li { float: none; width: 100%; border-bottom: solid 1px #365374; }
	#mobile_sec .menumobile .Navigation li a { padding: 10px 21px; background: none; border-bottom: none; }
	#mobile_sec .menumobile .Navigation li:last-child { border-bottom: none; }

	/* 服務項目 */
	.Banner_sec .leftside { margin-top:-5.5rem;padding: 0; width: 30%; float: left; }
	.Banner_sec .leftside h3 { text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold; letter-spacing:0.5rem; color: #fff; font-family: arial; font-weight: 800; text-transform: uppercase; margin: 0px; line-height: 34px;}
	.Banner_sec .leftside h3 span { margin:0 0 1rem 2rem;text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold;font-size: 2rem; color: #fccb46; font-family: 'Open Sans', sans-serif; font-weight: 600; display: block; }
	.Banner_sec .leftside p { text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold;letter-spacing:0.5rem;padding: 1rem 0 1rem 2rem; font-size: 1.5rem; color: #dbf2fb; font-family: arial; font-weight: 500; margin: 0px; word-spacing: 0.5rem; line-height: 0.5rem; }
	.Banner_sec .leftside a { margin:1.5rem 0 0 2rem;text-align:center;border-radius:10px;letter-spacing: 0.5rem;padding: 10px 10px 10px 16px; font-size: 1.5rem; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; text-decoration: none; display: inline-block; border: solid 1px #b0bdc8; background: rgba(64, 93, 118, 0.8); transition: all 0.3s ease; }
	.Banner_sec .leftside a:hover { background: #d19916; color: #fff; border: solid 1px #fccb46; }
	
	/* 輪播圖 */
	.Banner_sec { width: 100%; background: url(../img/Banner-bg12.webp) top center no-repeat; height: 535px; position: relative; background-size: cover;}
	.Banner_sec .Center {width: 100%; padding: 0px 3%; }
	.Banner_sec .bannerside { top: 144px; }
	.Banner_sec .rightside {margin:0; width: 99%;}
	.Banner_sec .rightside .Slider { width: 100%;}
	.Banner_sec .rightside .Slider .text { padding: 10px 10px; }
	.Banner_sec .rightside .Slider .text .Icon { width: 48%; }
	.Banner_sec .rightside .Slider .text li { padding: 0px 10px;}
	.Banner_sec .rightside .Slider .text .Lorem { width: 50%; }
	.Banner_sec .rightside .Slider .text .Lorem p { font-size: 14px; }
	.Banner_sec .rightside .Shadow { width: 105.5%; left: -16px; }
	.Banner_sec .rightside .prevBtn { top: 100px; left: 10px; }
	.Banner_sec .rightside .nextBtn { top: 100px; right: 10px; }
	.Banner_sec .rightside #slider li img { height: 300px; width: 100%;}	
	.Banner_sec .rightside #slider {
		width: 100%;
		margin-top:1rem;
		padding: 0;
		list-style: none; /* 去除列表的小圓點 */
		border-radius: 10px;
		overflow: hidden; /* 確保圓角效果能切掉內層圖片 */
	}
	.Banner_sec .rightside .prevBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/prev-arrow.png) no-repeat; position: absolute; top: 140px; left: 10px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }
	.Banner_sec .rightside .nextBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/next-arrow.png) no-repeat; position: absolute; top: 140px; right: 10px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }

	.Banner_services { width: 100%; background: url(../img/Banner-bg3.webp) top center no-repeat; position: relative; background-size: cover;}
	.Banner_contactus { width: 100%; background: url(../img/Banner-bg4-1.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_process { width: 100%; background: url(../img/Banner-bg5-1.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_about { width: 100%; background: url(../img/Banner-bg7.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_project { width: 100%; background: url(../img/Banner-bg11.webp) top center no-repeat; position: relative; background-size: cover;}

	.bgcolor { height: 50px; }

	#Container { width: 100%; }

	.About_sec { width: 100%; margin:0;padding-bottom:2rem;background: url(../img/about-bg.webp) top center no-repeat; background-size: cover; }
	.About_sec .Center { width: 100%; padding: 0px 3%; }
	.About_sec p { padding: 15px 0px; font-size: 13px; }
	.About_sec .Tabside { padding-bottom:0rem; }
	.About_sec .Tabside ul { padding-bottom: 25px;}
	.About_sec .Tabside li a { font-size: 14px; padding: 14px 30px; }
	.About_sec .Tabside .TabImage { width: 100%; float: none; padding-bottom:3rem; text-align: center;}
	.About_sec .Tabside .TabImage .img1 { left: 0px; position: relative; }
	.About_sec .Tabside .TabImage .img1 img { margin: auto;}
	.About_sec .Tabside .TabImage .img2 { left: 25px;  }
	.About_sec .Tabside .TabImage .img2 img { width: 100%; height: auto; }
	.About_sec .Tabside .Description { padding:0;margin:0; width: 90%;margin: 0 auto;text-align: left; }
	.About_sec .Tabside .Description p { padding: 10px 0px; text-align: justify; }

	.Services_sec { width: 100%; padding: 3rem 0 1rem 0;margin:0 }
	.Services_sec .Center { width: 100%; padding: 0px 3%; }
	.Services_sec p { padding: 15px 0px; font-size: 13px; }
	.Services_sec .Serviceside { margin-top:2rem;padding:0;  }
	.Services_sec_services .Center { width: 90%; padding: 0px; }
	.Services_sec_services .Serviceside { margin:2rem 0;padding:0;  }
	.Services_sec_process .Center { width: 90%; padding: 0px; }
	.Services_sec_about .Center { width: 90%; padding: 0px; }

	.Pricing_sec { width:100%; padding: 3rem 0 4rem 0; }
	.Pricing_sec .Center {  margin: auto; overflow: hidden; text-align: center; }
	.Pricing_sec .Pricingside { padding-top:2rem; width: 100%; overflow: hidden; text-align: initial; }	
	
	.Contact_sec { width: 100%; }
	.Contact_sec .Center { width: 100%; padding: 2rem 0;}
	.Contact_sec p { padding: 15px 0px; font-size: 13px; }
	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 200px; width: 100%; }
	.Contact_sec_contactus { width: 100%;padding:2rem;margin-top:-3rem}
	.Contact_sec_contactus .Center { width: 100%; padding:3rem 0 1rem 0;}
	.Contact_sec_contactus p { padding: 15px 0px; font-size: 13px; }
	.Contact_sec_contactus .Map { width: 100%;}
	.Contact_sec_contactus .Map img { height: 50px; width: 100%; }

	.Get_sec { width: 100%; overflow: hidden; background: url(../img/Get-bg.webp) top center no-repeat; background-size: cover;padding:1rem 1.5rem 2.5rem 1.5rem;}
	.Get_sec .Mid {padding: 30px 3%; }
	.Get_sec .Leftside { width: 100%;}
	.Get_sec .Leftside p { margin: 0 0 20px; } 
	.Get_sec .Leftside input.field { padding: 10px 20px; }
	.Get_sec .Leftside textarea { padding: 10px 20px; height: 125px; }
	.Get_sec .Leftside .button { -webkit-appearance: none;  margin: 0px; padding: 12px 0px; }
	.Get_sec .Rightside { padding-top: 0px; width: 100%; }
	.Get_sec .Rightside h3 { padding-bottom: 20px; }
	.Get_sec .Rightside address { padding: 0 0 15px 65px; }
	.Get_sec .Rightside ul { padding: 10px 0 0 3px; }

	.Get_sec1 { width: 100%;background-color:#ffffff;padding:1rem 1.5rem 2.5rem 1.5rem;margin-top:-2.5rem;}
	.Get_sec1 .Mid {padding:1rem 0 3rem 0;margin-top:-3.5rem; }
	.Get_sec1 .Leftside { padding:0 2rem; }
	.Get_sec1 .Leftside p { margin: 0 0 20px; } 
	.Get_sec1 .Leftside input.field { padding: 10px 20px; }
	.Get_sec1 .Leftside textarea { padding: 10px 20px; height: 125px; }
	.Get_sec1 .Leftside .button { -webkit-appearance: none;  margin: 0px; padding: 12px 0px; }
	.Get_sec1 .Rightside { padding:0 2rem; }
	.Get_sec1 .Rightside h3 { padding-bottom: 20px; }
	.Get_sec1 .Rightside address { padding: 0 0 15px 65px; }
	.Get_sec1 .Rightside ul { padding: 10px 0 0 3px; }

	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 10px 3%; }

	.fontsizeTitleBon{font-size:1.5rem;}/* 標題按鈕 */	
	.fontsizeT1{font-size:2rem;}/* 標題1*/
	.fontsizeT2{font-size:1rem;}/* 標題2span*/
	.fontsizeT3{font-size:1.4rem;padding: 21px 0px 4px 0px; color: #323232; margin: 0px; line-height: 2.5rem;padding: 10px 0px; }/* 內文*/	
	.fontsizeT4{font-size:1.4rem;padding: 10px 0px 10px 0px; color: #dcdee0; margin: 0px; line-height: 2.5rem;padding: 10px 0px;}/* 內文*/
	.fontsizeT5{font-size:0.9rem;}
	.fontsizeProduct{font-size:1.8rem;color:#fff;line-height: 2.5rem;letter-spacing:0.5rem;padding: 13.5rem 0px;text-shadow: 0 0 3px #303030, 0 0 3px #303030, 0 0 3px #303030, 0 0 3px #303030; }/* 粉體塗裝 */
	.fontsizeProductT1{font-size:1.3rem; } /* 塗裝流程內文 */
	.fontsizeContactUsT1{font-size:2rem; } /* 聯絡我們標題 */	
	.fontsizeContactUsT2{font-size:1.3rem; } /* 聯絡我們內文 */
	.fontsizefocT1{font-size:1rem; } /* 底層 */	
	.contop{margin:0;padding-top:4rem} /* 聯絡我們前高度 */
	.height-services{}
	.marginTop1{margin-top:2rem}
	.marginTop2{margin-top:-5rem}
	.Banner_height{height: 300px}


	header { 
		height: 4rem; 
		position: fixed;
	}
	.Navigation li {
		height: 4rem;
	}
	header .site-logo {
		padding-top: 0px;
	}
	.Navigation li:hover span, .Navigation li.active span {
		height: 4rem;
	}
	.Navigation li span {
		border-bottom: none;
		background: none;
	}
	#mobile_sec .menumobile .Navigation li:hover, 
	#mobile_sec .menumobile .Navigation li.active {
		background: #e0ac20 none repeat scroll 0% 0%;
		border-bottom: medium none;
	}
	header.smaller .Navigation li {
		height: 4rem;
	}
	.Banner_sec .leftside a {
		margin-top: 0rem;
	}	
}

/* 平板Tablet Portrait size to standard 960 (devices and browsers)768 */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	/* 聯絡我們按鈕*/
	.desktop-only {display: block; }
		
	/* logo */
	header { width: 100%; position: fixed; top: 0px; left: 0px;  ; z-index: 9;padding:0;margin:0; }
	header .Center { width: 100%;padding:0;margin:0;background: rgba(0, 0, 0, 0.7);height: 55px; }
	header .site-logo { margin-top:0.8rem;padding-left:2rem; width: 300px; float: left; transition: all 0.3s;  }

	#mobile_sec { position: fixed; width: 100%; }
	#mobile_sec .mobile { display: block; position: relative; float: right;}
	#mobile_sec .menumobile { display: none; width: 100%; position: absolute; top: 55px; right: 0%; background: rgba(0, 0, 0, 0.8);  }
	#mobile_sec .menumobile .Navigation { width: 100%; float: none; }
	#mobile_sec .menumobile .Navigation ul { float: none;}
	#mobile_sec .menumobile .Navigation li { float: none; width: 100%; border-bottom: solid 1px #365374; }
	#mobile_sec .menumobile .Navigation li a { padding: 10px 21px; background: none; border-bottom: none; }
	#mobile_sec .menumobile .Navigation li:last-child { border-bottom: none; }
	
	/* 服務項目 */
	.Banner_sec { width: 100%; background: url(../img/Banner-bg12.webp) top center no-repeat; height: 400px; position: relative; background-size: cover;}
	.Banner_sec .leftside { margin-top:-1.5rem;padding: 0; width: 30%; float: left; }
	.Banner_sec .leftside h3 { text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold; letter-spacing:0.5rem; color: #fff; font-family: arial; font-weight: 800; text-transform: uppercase; margin: 0px; line-height: 34px;}
	.Banner_sec .leftside h3 span { margin:0 0 1rem 2rem;text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold;font-size: 2rem; color: #fccb46; font-family: 'Open Sans', sans-serif; font-weight: 600; display: block; }
	.Banner_sec .leftside p { text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold;letter-spacing:0.5rem;padding: 1rem 0 1rem 2rem; font-size: 1.5rem; color: #dbf2fb; font-family: arial; font-weight: 500; margin: 0px; word-spacing: 0.5rem; line-height: 0.5rem; }
	.Banner_sec .leftside a { margin:1.5rem 0 0 2rem;text-align:center;border-radius:10px;letter-spacing: 0.5rem;padding: 10px 10px 10px 16px; font-size: 1.5rem; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; text-decoration: none; display: inline-block; border: solid 1px #b0bdc8; background: rgba(64, 93, 118, 0.8); transition: all 0.3s ease; }
	.Banner_sec .leftside a:hover { background: #d19916; color: #fff; border: solid 1px #fccb46; }

	/* 輪播圖 */
	.Banner_sec .Center {width: 100%; padding: 0px 3%; }
	.Banner_sec .bannerside { top: 144px; }
	.Banner_sec .rightside .Slider .text { padding: 10px 10px; }
	.Banner_sec .rightside .Slider .text .Icon { width: 48%; }
	.Banner_sec .rightside .Slider .text li { padding: 0px 10px;}
	.Banner_sec .rightside .Slider .text .Lorem { width: 50%; }
	.Banner_sec .rightside .Slider .text .Lorem p { font-size: 14px; }

	.Banner_sec .rightside .Shadow { position: absolute; bottom: 24.5rem; right: -0.5rem;width:47rem; max-width: none; }
	.Banner_sec .rightside #slider li img { height: 300px; width: 100%;}	
	.Banner_sec .rightside { margin:0rem;width:70%;}
	.Banner_sec .rightside #slider {
		margin-top:-3rem;
		padding: 0;
		list-style: none; /* 去除列表的小圓點 */
		border-radius: 10px;
		overflow: hidden; /* 確保圓角效果能切掉內層圖片 */
	}
	.Banner_sec .rightside .Slider { width: 100%;height:50rem;}
	.Banner_sec .rightside .prevBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/prev-arrow.png) no-repeat; position: absolute; top: 100px; left: 10px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }
	.Banner_sec .rightside .nextBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/next-arrow.png) no-repeat; position: absolute; top: 100px; right:10px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }
	.Banner_services { width: 100%; background: url(../img/Banner-bg3.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_contactus { width: 100%; background: url(../img/Banner-bg4-1.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_process { width: 100%; background: url(../img/Banner-bg5-1.webp) top center no-repeat; position: relative; background-size: cover;}
	.Banner_about { width: 100%; background: url(../img/Banner-bg8.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_project { width: 100%; background: url(../img/Banner-bg11.webp) top center no-repeat; position: relative; background-size: cover;}
	.bgcolor { height: 50px; }
	#Container { width: 100%; }

	.About_sec { width: 100%; padding-bottom:2rem;background: url(../img/about-bg.webp) top center no-repeat; background-size: cover; }
	.About_sec .Center { width: 100%; padding: 0px 3%; }
	.About_sec p { padding: 15px 0px; font-size: 13px; }
	.About_sec .Tabside { padding: 30px 0 0px 0; }
	.About_sec .Tabside ul { padding-bottom: 25px;}
	.About_sec .Tabside li a { font-size: 14px; padding: 14px 30px; }
	.About_sec .Tabside .TabImage { width: 100%; float: none; padding-bottom: 35px; text-align: center;}
	.About_sec .Tabside .TabImage .img1 { margin-left:25rem;left: 0px; position: relative; }
	.About_sec .Tabside .TabImage .img1 img { margin: auto;}
	.About_sec .Tabside .TabImage .img2 { left: 25px;  }
	.About_sec .Tabside .TabImage .img2 img { width: 100%; height: auto; }
	.About_sec .Tabside .Description { padding:0;margin:0; width: 90%;margin: 0 auto;text-align: left; }
	.About_sec .Tabside .Description p { padding: 10px 0px; text-align:justify;text-justify:inter-word }

	.Services_sec { width: 100%; padding: 3rem 0; }
	.Services_sec .Center { width: 100%; padding: 0px 3%; }
	.Services_sec p { padding: 15px 0px; font-size: 13px; }
	.Services_sec .Serviceside { margin-top:2rem;padding:0;  }
	.Services_sec_services .Center { width: 90%; padding: 0px; }
	.Services_sec_services .Serviceside { margin:2rem 0;padding:0;  }
	.Services_sec_process .Center { width: 90%; padding: 0px; }
	.Services_sec_about .Center { width: 90%; padding: 0px; }

	.Pricing_sec { width:100%; padding: 3rem 0 4rem 0; }
	.Pricing_sec .Center {  margin: auto; overflow: hidden; text-align: center; }
	.Pricing_sec .Pricingside { padding-top:2rem; width: 100%; overflow: hidden; text-align: initial; }	
	
	.Contact_sec { width: 100%; }
	.Contact_sec .Center { width: 100%;  padding:3rem 0 1rem 0;}
	.Contact_sec p { padding: 15px 0px; font-size: 13px; }
	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 200px; width: 100%; }
	.Contact_sec_contactus { width: 100%;padding:2rem;margin-top:-3rem}
	.Contact_sec_contactus .Center { width: 100%; padding:3rem 0 1rem 0;}
	.Contact_sec_contactus p { padding: 15px 0px; font-size: 13px; }
	.Contact_sec_contactus .Map { width: 100%;}
	.Contact_sec_contactus .Map img { height: 50px; width: 100%; }

	.Get_sec { width: 100%; overflow: hidden; background: url(../img/Get-bg.webp) top center no-repeat; background-size: cover;padding:1rem 1.5rem 2.5rem 1.5rem;}
	.Get_sec .Leftside { margin:0;padding: 0;width:100% }
	.Get_sec .Leftside p { margin-bottom: 1rem;width:100% } 
	.Get_sec .Leftside input.field { padding: 10px 20px;width:100% }
	.Get_sec .Leftside textarea { padding: 10px 20px; height: 125px;width:100% }
	.Get_sec .Leftside .button { -webkit-appearance: none;  margin: 0px; padding: 12px 0px;width:100% }
	.Get_sec .Rightside { margin:3rem 0;padding: 0;width:100%}
	.Get_sec .Rightside address { padding: 0 0 15px 65px; }

	.Get_sec1 { width: 100%; overflow: hidden; background: url(../img/contact_us-bg.webp) top center no-repeat; background-size: cover;padding:1rem 1.5rem 2.5rem 1.5rem;}
	.Get_sec1 .Leftside { margin-top:1rem;padding: 0;width:100% }
	.Get_sec1 .Leftside p { margin-bottom: 1rem;width:100% } 
	.Get_sec1 .Leftside input.field { padding: 10px 20px;width:100% }
	.Get_sec1 .Leftside textarea { padding: 10px 20px; height: 125px;width:100% }
	.Get_sec1 .Leftside .button { -webkit-appearance: none;  margin: 0px; padding: 12px 0px;width:100% }
	.Get_sec1 .Rightside { margin:3rem 0;padding: 0;width:100%}
	.Get_sec1 .Rightside address { padding: 0 0 15px 65px; }

	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 10px 3%; }

	.fontsizeTitleBon{font-size:2rem;}/* 標題按鈕 */
	.fontsizeT1{font-size:2rem;}/* 標題1*/
	.fontsizeT2{font-size:1rem;}/* 標題2span*/
	.fontsizeT3{font-size:1.5rem;padding: 21px 0px 4px 0px; color: #323232; margin: 0px; line-height: 2.5rem;padding: 10px 0px; }/* 內文*/	
	.fontsizeT4{font-size:1.5rem;padding: 10px 0px 10px 0px; color: #dcdee0; margin: 0px; line-height: 2.5rem;padding: 10px 0px;}/* 內文*/
	.fontsizeT5{font-size:1rem;}
	.fontsizeT6{font-size:1.3rem;}
	.fontsizeProduct{font-size:1.8rem;color:#fff;line-height: 2.5rem;letter-spacing:0.5rem;padding: 13rem 0px;text-shadow: 0 0 3px #303030, 0 0 3px #303030, 0 0 3px #303030, 0 0 3px #303030; }/* 粉體塗裝 */
	.fontsizeProductT1{font-size:1.3rem; } /* 塗裝流程內文 */
	.fontsizeContactUsT1{font-size:2.5rem; } /* 聯絡我們標題 */	
	.fontsizeContactUsT2{font-size:1.5rem; } /* 聯絡我們內文 */	
	.fontsizefocT1{font-size:1.3rem; } /* 底層 */
	.contop{margin:0;padding-top:4rem} /* 聯絡我們前高度 */
	.height-services{height:30rem}
	.marginTop1{margin-top:2rem}
	.marginTop2{margin-top:0rem}
	.Banner_height{height: 300px}


	header { 
		height: 4rem; 
		position: fixed;
	}
	.Navigation li {
		height: 4rem;
	}
	header .site-logo {
		padding-top: 0px;
	}
	.Navigation li:hover span, .Navigation li.active span {
		height: 4rem;
	}
	.Navigation li span {
		border-bottom: none;
		background: none;
	}
	#mobile_sec .menumobile .Navigation li:hover, 
	#mobile_sec .menumobile .Navigation li.active {
		background: #e0ac20 none repeat scroll 0% 0%;
		border-bottom: medium none;
	}
	header.smaller .Navigation li {
		height: 4rem;
	}
	.Banner_sec .leftside a {
		margin-top: 0rem;
	}	
}

/* 電腦橫 */
@media only screen and (min-width: 1028px) {
	/* 聯絡我們按鈕*/
	.desktop-only {display: block; }
		
	/* logo */
	header { width: 100%; position: fixed; top: 0px; left: 0px; height: 60px; background: rgba(0, 0, 0, 0.7); z-index: 9; }
	header .Center { max-width: 1100px; margin: auto; }
	header .site-logo { padding-top: 11px; width: 240px; float: left; transition: all 0.3s;  }

	/* 服務項目 */
	.Banner_sec { width: 100%; background: url(../img/Banner-bg12.webp) top center no-repeat; height: 571px; position: relative; background-size: cover;}

	.Banner_sec .leftside { margin-top:-5rem;padding: 0; width: 28.90%; float: left; }
	.Banner_sec .leftside h3 { text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold; letter-spacing:0.5rem;font-size: 2rem; color: #fff; font-family: arial; font-weight: 800; text-transform: uppercase; margin: 0px; line-height: 34px;}
	.Banner_sec .leftside h3 span { margin:0 0 0.5rem 2rem;text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold;font-size: 2.5rem; color: #fccb46; font-family: 'Open Sans', sans-serif; font-weight: 600; display: block; }
	.Banner_sec .leftside p { text-shadow: 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22, 0 0 3px #0c3f22; font-weight: bold;letter-spacing:0.5rem;padding: 2rem 0 1.5rem 2rem; font-size: 2rem; color: #dbf2fb; font-family: arial; font-weight: 500; margin: 0px; word-spacing: 0.5rem; line-height: 0.5rem; }
	.Banner_sec .leftside a { margin:1rem 0 0 2rem;text-align:center;border-radius:10px;letter-spacing: 0.5rem;padding: 10px 10px 10px 16px; font-size: 1.5rem; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: uppercase; text-decoration: none; display: inline-block; border: solid 1px #b0bdc8; background: rgba(64, 93, 118, 0.8); transition: all 0.3s ease; }
	.Banner_sec .leftside a:hover { background: #d19916; color: #fff; border: solid 1px #fccb46; }

	/* 輪播圖 */
	.Banner_sec .rightside { margin:0rem}
	.Banner_sec .rightside #slider {
		margin-top:-12rem;
		padding: 0;
		list-style: none; /* 去除列表的小圓點 */
		overflow: hidden; /* 確保圓角效果能切掉內層圖片 */
		border-radius: 10px;
	}
	.Banner_sec .rightside .Slider { width: 100%;height:40rem;}
	.Banner_sec .rightside .prevBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/prev-arrow.png) no-repeat; position: absolute; top: 100px; left: 49px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }
	.Banner_sec .rightside .nextBtn { width: 42px; height: 42px; display: block; text-indent: -9999px; background: url(../img/next-arrow.png) no-repeat; position: absolute; top: 100px; right: 47px;  z-index: 1; opacity: 0.5; transition: opacity 0.3s ease; }
	.Banner_services { width: 100%; background: url(../img/Banner-bg3.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_contactus { width: 100%; background: url(../img/Banner-bg4-1.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_process { width: 100%; background: url(../img/Banner-bg5-1.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_about { width: 100%; background: url(../img/Banner-bg8.webp) top center no-repeat;  position: relative; background-size: cover;}
	.Banner_project { width: 100%; background: url(../img/Banner-bg10.webp) top center no-repeat; position: relative; background-size: cover;}
	#mobile_sec .menumobile { display: block!important; }	
	.bgcolor { height: 50px; }
	#Container { width: 100%; }
	.Banner_sec .rightside .Shadow { position: absolute; bottom: -3px; left: -25px; max-width: none; }

	.About_sec { width: 100%; padding-bottom:5rem;background: url(../img/about-bg.webp) top center no-repeat; background-size: cover; }
	.About_sec .Center { width: 100%; padding: 0px 3%; }
	.About_sec p { padding: 15px 0px; font-size: 13px; }
	.About_sec .Tabside { padding: 30px 0 0px 0; }
	.About_sec .Tabside ul { padding-bottom: 25px;}
	.About_sec .Tabside li a { padding: 14px 30px; }
	.About_sec .Tabside .TabImage { width: 100%; float: none; padding-bottom: 35px; text-align: center;}
	.About_sec .Tabside .TabImage .img1 { margin-left:25rem;left: 0px; position: relative; }
	.About_sec .Tabside .TabImage .img1 img { margin: auto;}
	.About_sec .Tabside .TabImage .img2 { margin-left:15rem;left: 25px;  }
	.About_sec .Tabside .TabImage .img2 img { width: 100%; height: auto; }
	.About_sec .Tabside .Description { padding:0;margin:0; width: 100%;margin: 0 auto;text-align: left; }
	.About_sec .Tabside .Description p { padding: 10px 0px; text-align: justify; }

	.Pricing_sec { width:100%; padding: 3rem 0 4rem 0; }
	.Pricing_sec .Center {  margin: auto; overflow: hidden; text-align: center; }
	.Pricing_sec .Pricingside { padding-top:2rem; width: 100%; overflow: hidden; text-align: initial; }	
	

	.Services_sec .Center { width: 100%; padding: 0px; }
	.Services_sec .Serviceside { margin:2rem 0 4rem 0;padding:0;  }
	.Services_sec_services .Center { width: 100%; padding: 0px; }
	.Services_sec_services .Serviceside { margin:2rem 0;padding:0;  }
	.Services_sec_process .Center { width: 100%; padding: 0px; }
	.Services_sec_about .Center { width: 100%; padding: 0px; }
	.Services_sec_project .Center { padding: 0px; }

	.Contact_sec { width: 100%;}
	.Contact_sec .Center { width: 100%; padding:3rem 0 1rem 0;}
	.Contact_sec p { padding: 15px 0px; font-size: 13px; }
	.Contact_sec .Map { width: 100%;}
	.Contact_sec .Map img { height: 50px; width: 100%; }

	.Contact_sec_contactus { width: 100%;padding:2rem;margin-top:-3rem;}
	.Contact_sec_contactus .Center { width: 100%; padding:3rem 0 1rem 0;}
	.Contact_sec_contactus p { padding: 15px 0px; font-size: 13px; }
	.Contact_sec_contactus .Map { width: 100%;}
	.Get_sec { width: 100%; overflow: hidden; background: url(../img/Get-bg.webp) top center no-repeat; background-size: cover;padding:1rem 1.5rem 2.5rem 1.5rem;}
	.Get_sec .Mid {padding:1rem 0 3rem 0; }
	.Get_sec .Leftside { padding:0 2rem; }
	.Get_sec .Leftside p { margin: 0 0 20px; } 
	.Get_sec .Leftside input.field { padding: 10px 20px; }
	.Get_sec .Leftside textarea { padding: 10px 20px; height: 125px; }
	.Get_sec .Leftside .button { -webkit-appearance: none;  margin: 0px; padding: 12px 0px; }
	.Get_sec .Rightside { padding:0 2rem; }
	.Get_sec .Rightside h3 { padding-bottom: 20px; }
	.Get_sec .Rightside address { padding: 0 0 15px 65px; }
	.Get_sec .Rightside ul { padding: 10px 0 0 3px; }

	.Get_sec1 { width: 100%;padding:1rem 1.5rem 2.5rem 1.5rem;}
	.Get_sec1 .Mid {padding:1rem 0 3rem 0; }
	.Get_sec1 .Leftside { padding:0 2rem; }
	.Get_sec1 .Leftside p { margin: 0 0 20px; } 
	.Get_sec1 .Leftside input.field { padding: 10px 20px; }
	.Get_sec1 .Leftside textarea { padding: 10px 20px; height: 125px; }
	.Get_sec1 .Leftside .button { -webkit-appearance: none;  margin: 0px; padding: 12px 0px; }
	.Get_sec1 .Rightside { padding:0 2rem; }
	.Get_sec1 .Rightside h3 { padding-bottom: 20px; }
	.Get_sec1 .Rightside address { padding: 0 0 15px 65px; }
	.Get_sec1 .Rightside ul { padding: 10px 0 0 3px; }

	footer { width: 100%; }
	footer .Cntr { width: 100%; padding: 10px 3%; }

	.fontsizeTitleBon{font-size:1.5rem;}/* 標題按鈕 */
	.fontsizeT1{font-size:2rem;}/* 標題1*/
	.fontsizeT2{font-size:1rem;}/* 標題2span*/
	.fontsizeT3{font-size:1.5rem;padding: 21px 0px 4px 0px; color: #323232; margin: 0px; line-height: 2.5rem;padding: 10px 0px;font-weight:500; }/* 內文*/	
	.fontsizeT4{font-size:1.5rem;padding: 10px 0px 10px 0px; color: #dcdee0; margin: 0px; line-height: 2.5rem;padding: 10px 0px;}/* 內文*/
	.fontsizeT5{font-size:1rem;}
	.fontsizeT6{font-size:1rem;}
	.fontsizeProduct{font-size:1.8rem;color:#fff;line-height: 2.5rem;letter-spacing:0.5rem;padding: 13rem 0px;text-shadow: 0 0 3px #303030, 0 0 3px #303030, 0 0 3px #303030, 0 0 3px #303030; }/* 粉體塗裝 */
	.fontsizeProductT1{font-size:1.3rem; } /* 塗裝流程內文 */
	.fontsizeContactUsT1{font-size:2.5rem; } /* 聯絡我們標題 */	
	.fontsizeContactUsT2{font-size:1.5rem; } /* 聯絡我們內文 */	
	.fontsizefocT1{font-size:1.3rem; } /* 底層 */
	.contop{margin:0;padding-top:4rem} /* 聯絡我們前高度 */
	.height-services{height:40rem}
	.marginTop1{margin-top:2rem}
	.marginTop2{margin-top:0rem}
	.Banner_height{height: 400px}

	header,
	.Navigation li,
	.Navigation li:hover span, 
	.Navigation li.active span { 
		height: 4rem; }
	header.smaller .Navigation li:hover span,
	header.smaller .Navigation li.active span {
		height: 4rem;
	}	
}