@charset "utf-8";
/* CSS Document */

@import url(reset.css);
@import url(fontawesome/css/font-awesome.min.css);



.clearfix:after {content: "."; display: block; clear: both; visibility: hidden;	line-height: 0;	height: 0;}
h1, h2, h3, h4, h5, h6, p, b, i, a, u, strong{ font-family: Arial, Helvetica, sans-serif, "微軟正黑體"; letter-spacing:1px;}

.wrap{ width:1200px; margin:0 auto; box-sizing: border-box;}

body{}
.outerWrap{ width:100%; box-sizing:border-box;}
div{ width:100%; box-sizing:border-box;}

/*==header==*/
header{ width:100%; background:#EA5E09; box-sizing:border-box; position:fixed; top:0; z-index:100;}
header .wrap{ padding:15px 0; height:100px;}
header .wrap h1{ float:left; padding-left:100px;}
header .wrap h1 a{ display:block; width:191px; height:73px;}
header .wrap h1 a img{ display:block; width:80%;margin-top:-10px;}
header .wrap nav{ float:right; margin-top:20px;}
header .wrap nav ul li{ float:left; box-sizing:border-box; width:140px;}
header .wrap nav ul li a{ display:block; padding:0 14px; color:#fff; font-size:17px; font-weight:300; transition:all 0.4s ease;}
header .wrap nav ul li a img{ transition:all 0.4s ease; width:100%;}
header .wrap nav ul li a:hover img{ opacity:0.8;}


/*==banner==*/
.bannerWrap{width:100%; box-sizing:border-box; margin-top:100px; }
.bannerWrap ul li{ float:left;}
.bannerWrap img{ display:block; width:100%;}
.bannerWrap ul li{ background-image:none;}
/*introWrap*/
.introWrap{width:100%; box-sizing:border-box; background:url(../images/bg.jpg) no-repeat center 0px, url(../images/bg02.jpg) no-repeat right 1300px, url(../images/bg03.jpg) no-repeat left 2650px;}
.introWrap .wrap{}
.introWrap .wrap .titleBox{ text-align:center;  padding:30px 0;}
.introWrap .wrap .titleBox img{ display: inline-block; width:935px;}

.introWrap .wrap .conBox{width:100%; box-sizing:border-box; padding:6px 0 30px;}
.introWrap .wrap .col-1{}

.introWrap .wrap .conBox .itemBox{ width:100%; box-sizing:border-box; margin-top:24px;}
.introWrap .wrap .conBox .itemBox .leftBox{ float:left; width:50%; box-sizing:border-box; padding-right:12px;}
.introWrap .wrap .conBox .itemBox .rightBox{ float:left; width:50%; box-sizing:border-box; padding-left:12px;}

.introWrap .wrap .conBox .itemBox .txtBox{ width:100%; box-sizing:border-box; text-align:center;}
.introWrap .wrap .conBox .itemBox .txtBox b img{ margin-bottom:20px; border:2px #EA5E09 solid; padding:20px 40px; width:70%;}
.introWrap .wrap .conBox .itemBox .txtBox p img{text-align:center;}
.introWrap .wrap .conBox .itemBox .h-fixed{ height:334px; /*h494-160*/}
.introWrap .wrap .conBox .itemBox .txtBox h3.title01{ width:159px; margin:0 auto; padding-left:20px; padding-right:20px; margin-bottom:20px; border-left:1px #EA5E09 solid; border-right:1px #EA5E09 solid;}
.introWrap .wrap .conBox .itemBox .txtBox h3.title02{ width:400px; margin-bottom:20px;}
.introWrap .wrap .conBox .itemBox .txtBox h3 img{ display:block; width:100%;}
.introWrap .wrap .conBox .itemBox .txtBox ul li{ display:block; width:100%; box-sizing:border-box; position:relative; margin-left:20px;}
.introWrap .wrap .conBox .itemBox .txtBox ul li:before{ content:"●"; position:absolute; left:-10px; top:0px; color:#EA5E09; font-size:22px; line-height:1.7;}
.introWrap .wrap .conBox .itemBox .txtBox p{ font-size:20px; color:#222; line-height:2; text-align:left; padding-left:10px;}
.introWrap .wrap .conBox .itemBox .imgBox{ width:100%; box-sizing:border-box;}
.introWrap .wrap .conBox .itemBox .imgBox img{ display:block; width:100%;}
.introWrap .wrap .conBox .itemBox .m24{ margin-top:24px;}

h2.pattern img{ width:70%; margin-bottom:20px;}



.itemBox .sketchimg .banner1Wrap ul#banner li p{ text-align:right; margin-top:-25px; margin-right:5px; color:#FFF;}
.itemBox .sketchimg .banner1Wrap ul#banner1 li p{ text-align:right; margin-top:-25px; margin-right:5px; color:#FFF;}
.itemBox .sketchimg .banner2Wrap ul#banner2 li p{ text-align:right; margin-top:-25px; margin-right:5px; color:#FFF;}
.itemBox .sketchimg .banner3Wrap ul#banner3 li p{ text-align:right; margin-top:-25px; margin-right:5px; color:#FFF;}

/*==spaceWrap==*/
.spaceWrap{width:100%; box-sizing:border-box; background:#dddddd; padding-bottom:70px;}
.spaceWrap .wrap .titleBox{ text-align:center; padding:30px 0;}
.spaceWrap .wrap .titleBox img{ display: inline-block; width:82px;}
.spaceWrap .wrap .titleBox h2{ width:900px; margin:15px auto 0;}
.spaceWrap .wrap .titleBox h2 img{ display:block; width:100%;}
.spaceWrap .wrap .itemBox{ text-align:center; margin:0 auto;}
.spaceWrap .wrap .itemBox .leftBox{ float:left; width:50%; box-sizing:border-box; padding-right:3px; margin-bottom:30px;}
.spaceWrap .wrap .itemBox .rightBox{ float:right; width:50%; box-sizing:border-box; padding-left:3px; margin-bottom:30px;}
.spaceWrap .wrap .itemBox .leftBox .imgBox img{ width:95%;}
.spaceWrap .wrap .itemBox .rightBox .imgBox img{ width:95%;}
.spaceWrap .wrap .itemBox .imgBox img{ width:98%;}
.spaceWrap .wrap .itemBox  .videoBox iframe{width:100%; height:600px; margin-top:50px;}
/*==cenBN_Wrap==*/
.cenBN_Wrap{width:100%; box-sizing:border-box; background:url(../images/about.jpg) no-repeat; background-size:cover;}
.cenBN_Wrap .wrap{ padding:90px 0 140px; text-align:center;}

.cenBN_Wrap .wrap .iconBox{ width:177px; height:112px; margin:0 auto;}
.cenBN_Wrap .wrap .iconBox img{ display:block; width:100%;}
.cenBN_Wrap .wrap p{ display:block; color:#fff; font-size:16px; padding:15px 0;}


/*==aboutWrap==*/
.aboutWrap{width:100%; box-sizing:border-box;}
.aboutWrap .wrap{ padding:70px 0 0;}

.aboutWrap .wrap .conBox{}
.aboutWrap .wrap .conBox .itemBox{ float:left; width:100%; padding-right:60px; box-sizing:border-box; padding-left:40px;} 
.aboutWrap .wrap .conBox .pad0{ padding-right:0;}
.aboutWrap .wrap h4{ display:inline-block; font-size:31px; margin-bottom:40px;}
.aboutWrap .wrap h4.about{ width:127px;}
.aboutWrap .wrap h4.promise{ width:111px; left:-20px;}
.aboutWrap .wrap h4.works{ width:91px; padding-left:10px;}


.aboutWrap .wrap h4:after{ content:""; position:absolute; left:0; bottom:-20px; width:100%;}
.aboutWrap .wrap h4 img{ display:block; width:150%;}
.aboutWrap .wrap .conBox .itemBox p{ font-size:14px; font-weight:bold; color:#222; text-align:justify; line-height:2;}
.aboutWrap .wrap .conBox .itemBox ul li{ width:100%; box-sizing:border-box; position:relative;}
.aboutWrap .wrap .conBox .itemBox ul li:before{ content:"●"; position:absolute; left:-20px; top:0px; color:#EA5E09; font-size:22px;}

.aboutWrap .wrap .itemBox1{ border-top:1px #EA5E09 solid; margin-top:30px;}
.aboutWrap .wrap .itemBox .leftBox{ float:left; width:50%; box-sizing:border-box; padding-right:3px; margin-bottom:30px; margin-top:30px; padding-left:100px; padding-top:20px;}
.aboutWrap .wrap .itemBox .rightBox{ float:right; width:50%; box-sizing:border-box; padding-left:3px; margin-bottom:30px; margin-top:30px;}
.aboutWrap .wrap .itemBox .txtBox p{ font-size:20px; color:#222; line-height:2; text-align:left; padding-left:10px;}
.aboutWrap .wrap .itemBox .txtBox h2 img{ width:30%;}
.aboutWrap .wrap .itemBox .imgBox img{ display:block; width:100%;}


.aboutWrap .wrap .itemBox1{ border-top:1px #EA5E09 solid; margin-top:30px;}
.aboutWrap .wrap .itemBox1 .leftBox{ float:left; width:50%; box-sizing:border-box; padding-right:3px; margin-bottom:30px; margin-top:30px; padding-left:100px; padding-top:20px;}
.aboutWrap .wrap .itemBox1 .rightBox{ float:right; width:50%; box-sizing:border-box; padding-left:3px; margin-bottom:30px; margin-top:30px;}
.aboutWrap .wrap .itemBox1 .txtBox p{ font-size:20px; color:#222; line-height:1; text-align:left; padding-left:10px; padding-top:20px;}
.aboutWrap .wrap .itemBox1 .txtBox h2 img{ width:40%;}
.aboutWrap .wrap .itemBox1 .imgBox img{ display:block; width:95%;}
.aboutWrap .wrap .itemBox1 .txtBox p img{ width:40%;}


/*==contactWrap==*/
.contactWrap{width:100%; box-sizing:border-box; background-color:#EA5E09; background-size:cover;}
.contactWrap .wrap{ padding:100px 0 90px; text-align:center;}
.contactWrap .wrap .reservationTitle{ text-align:center;}
.contactWrap .wrap .reservationTitle img{ width:20%;}
.contactWrap .wrap .conBox{ margin-top:50px;}

.contactWrap .wrap .conBox .reserveBox{}
.contactWrap .wrap .conBox .reserveBox h5{ font-size:30px; color:#915f33; margin:40px 0 20px 0;}
.contactWrap .wrap .conBox .reserveBox .conBox{ margin-top:0;}
.contactWrap .wrap .conBox .reserveBox .conBox .itemBox{ margin-bottom:15px;}
.contactWrap .wrap .conBox .reserveBox .conBox .itemBox input{ width:100%; height:60px; line-height:60px;}
.contactWrap .wrap .conBox .reserveBox .conBox .itemBox input#data_name{border-radius:5px;}
.contactWrap .wrap .conBox .reserveBox .conBox input#data_sex{background-color: initial;    cursor: default;    -webkit-appearance: radio;    box-sizing: border-box;    margin: 3px 3px 0px 5px;    padding: initial;    border: initial;}
.contactWrap .wrap .conBox .reserveBox .conBox label {display: block; float:left; margin:20px;font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;font-size: 17px;color: #fff;}
.contactWrap .wrap .conBox .reserveBox .conBox .w50 input{ float:left; width:calc(50% - 12px);}
.contactWrap .wrap .conBox .reserveBox .conBox .w50 input.name{ float:right;}
.contactWrap .wrap .conBox .reserveBox .conBox .w50 input.phone{border-radius:5px; float:left; width:calc(50% - 12px);}
.contactWrap .wrap .conBox .reserveBox .conBox .w50 select.time{border-radius:5px; float:right; width:calc(50% - 12px); height:60px;}
.contactWrap .wrap .conBox .reserveBox .conBox input.mail{border-radius:5px;}
.contactWrap .wrap .conBox .reserveBox .conBox .checkBox{ text-align:center; margin-top:30px;}
.contactWrap .wrap .conBox .reserveBox .conBox .checkBox p{ display:inline; font-size:22px; color:#FFF;}
.contactWrap .wrap .conBox .reserveBox .conBox #zipcode2 select.city{border-radius:5px; width:calc(50% - 12px);margin-right:20px;height:60px;float:left;}
.contactWrap .wrap .conBox .reserveBox .conBox #zipcode2 select.town{border-radius:5px; width:calc(50% - 12px);height:60px;float:right;}


.contactWrap .wrap .conBox .btnSUBMIT{ margin-bottom:20px;}
.contactWrap .wrap .conBox .btnSUBMIT a{}
.contactWrap .wrap .conBox .btnSUBMIT a:hover{ opacity:0.9;}
.contactWrap .wrap .conBox .btnSUBMIT a img{ display:block; width:40%; margin:0 auto; padding-top:30px;}
.contactWrap input, select, textarea{border-radius:5px; border:1px #cacaca solid; box-sizing:border-box; padding:8px 20px; font-size:15px; letter-spacing:1px; font-family:"微軟正黑體" ,Verdana, Geneva, sans-serif; color:#333; -webkit-appearance: none;}
.contactWrap input.check{  -webkit-appearance:checkbox;}
/* 通用 */
::-webkit-input-placeholder { color:#aaa; }
::-moz-placeholder { color:#aaa; } /* firefox 19+ */
:-ms-input-placeholder { color:#aaa } /* ie */
input:-moz-placeholder { color:#aaa; }



/*==footer==*/
footer{ width:100%; box-sizing:border-box;}
footer .txtBox{ padding:60px 0 50px; background:#1a264c; text-align:center;}
footer .txtBox ul{}
footer .txtBox ul li{ float:left; width:33.33%; padding:0 20px; box-sizing:border-box;}
footer .txtBox ul li p{ display:block; font-size:15px; line-height:2; color:#fff; text-align:left;}

footer .copyright{ padding:20px 0; background:#915f33; text-align:center;}
footer .copyright p{ font-size:14px; color:#fff;}

/*==手機板格局敘述==*/
.m_txtBox{display:none;}
.text_m{display:none;}
.textbox_m{display:none;}


/*==手機板選單==*/
.m_menu{display:none; width:100%; position:fixed;	top:0; left:0; z-index:9999;}
.mask{display:none;	background:rgba(0,0,0,0.6);	position:fixed;	width:100%;	height:100%; padding-bottom:60px; top:0; left:0; z-index:10;}
.m_menu .controlBox{ position:relative; z-index:99;}
.m_menu .controlBox a.main{	display: block;	float: left; margin-right:5px; width: 50px; height: 50px;	font-size: 20px; color:#fff; line-height: 50px;	text-align:center;	background:#EA5E09; cursor:pointer; transition:all 0.4s ease;}
.m_menu .controlBox a.main i{ line-height:50px;}

.m_menu .hideBox{/*手機menu內容*/	background:#fbfbfb; width:230px; padding:50px 0;overflow-y:auto; -webkit-overflow-scrolling:touch; position:fixed; left:-230px;	top:0;	bottom:0; z-index:11; transition:all 0.4s ease;	box-sizing:border-box;}
.m_menu .hideBox.show{left:0;}

.m_menu ul.nav{}
.m_menu ul.nav li{ border-top:1px #ddd solid;}
.m_menu ul.nav li a{ display:block; font-size:15px; color:#222; text-align:center; position:relative; padding:15px 0;}
.m_menu ul.nav li a i{ display:block; position:absolute; right:20px; top:50%; margin-top:-7px;}
.m_menu ul.nav li .submenu{ display:none;}
.m_menu ul.nav li .submenu a{ font-size:14px; color:#EA5E09; padding:10px 0; border-bottom:1px #eee dotted;}
.m_menu ul.nav li .submenu a>b{ display:block; font-size:12px; font-weight:normal; color:#888;}

.m_menu .m_funBox{ width:100%; text-align:center; box-sizing:border-box; margin-top:50px;}
.m_menu .m_funBox a{ display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; font-size:18px; background:#EA5E09; color:#fff; border-radius:50%; transition:all 0.4s ease;}
.m_menu .m_funBox a.youtube i{ font-size:24px;}
.m_menu .m_funBox a i{ line-height:35px;}
.m_menu .m_funBox a:hover{ opacity:0.8;}

.hideBox .copyBox{ width:100%; box-sizing:border-box; padding:0 15px; margin-top:20px;}
.hideBox .copyBox b{ display:block; text-align:center; font-size:16px; color:#EA5E09;}
.hideBox .copyBox u{ display:block; text-align:center; text-decoration:none; font-size:12px; color:#888; padding-top:10px; line-height:1.5;}



@media (max-width:1200px){
.wrap{ width:100%;}
}

@media (max-width:1034px){
.bannerWrap {background-size:100%; margin-top:0px; height:1300px;}	
.bannerWrap img{ display:none;}
.m_menu{ display:block;}
header{ display:none;}
.introWrap .wrap .titleBox img{ width:90%;}
.introWrap .wrap .conBox .itemBox .leftBox { width:90%;}
.introWrap .wrap .conBox .itemBox .leftBox .imgBox img{ margin-left:45px; margin-bottom:50px;}
.introWrap .wrap .conBox .itemBox .leftBox h3{ width:90%;}

.introWrap .wrap .conBox .itemBox .rightBox { width:90%;}
.introWrap .wrap .conBox .itemBox .rightBox .imgBox img{margin-left:35px; padding-left:0px;padding-right:10px;}

.introWrap .wrap .conBox .itemBox .txtBox b img{ width:80%; margin-left:60px;}
.introWrap .wrap .conBox .itemBox .txtBox p{ text-align:center;margin-bottom:20px;}

.introWrap .wrap .conBox .itemBox .txtBox ul li{ display:none;}
.m_txtBox{display:block; text-align:center; margin-left:30px;width:100%;}
.spaceWrap .wrap .itemBox  .videoBox iframe{width:80%; height:300px; margin-top:20px;}


.introWrap .wrap .conBox .itemBox .txtBox{ padding-left:50px;}
.introWrap .wrap .conBox .itemBox .h-fixed{ height:359px; /*519-160*/}
.aboutWrap .wrap{ padding:70px 20px 0;}

.contactWrap .wrap .conBox{ padding:0 20px;}
}


@media (max-width:980px){
.introWrap .wrap .conBox .itemBox .txtBox h3.title01{ width:100%;}
.introWrap .wrap .conBox .itemBox .txtBox h3.title02{ width:100%;}

.introWrap .wrap .conBox .itemBox .h-fixed{ height:328px;}	

}

@media (max-width:768px){
.introWrap .wrap .conBox .itemBox .txtBox{ padding-left:20px;}
.introWrap .wrap .conBox .itemBox .txtBox{ margin-top:30px;}
.introWrap .wrap .conBox .itemBox .h-fixed{ height:284px;}
.spaceWrap .wrap .titleBox h2 img{ width:70%; margin:0 auto; margin-right:200px;}

.spaceWrap .wrap .itemBox .leftBox{ width:90%;margin-left:40px; margin-bottom:50px;}
.spaceWrap .wrap .itemBox .rightBox{ width:90%;margin-right:40px; margin-bottom:50px;}
.imgBox1{ display:none;}
.img_m{ display:block; width:95%;}
.aboutWrap .wrap{ padding:70px 10px 0;}
.aboutWrap .wrap .workBox ul li{ padding:0 5px;}
.contactWrap .wrap .conBox{ padding:0 10px;}

.spaceWrap .conBox b{ padding:20px 10px;}
.spaceWrap .conBox .linkBox a .itemBox .inner img{ width:50%;}

.aboutWrap .wrap .itemBox1 .leftBox{padding-left:0px;}
.aboutWrap .wrap .itemBox1 .txtBox p{ font-size:17px;}

}


@media (max-width:640px){
.bannerWrap { height:650px;}
.introWrap .wrap { padding:0 20px;}
.introWrap .wrap .conBox .itemBox .txtBox{ margin-top:80px;}
.introWrap .wrap .conBox .itemBox .h-fixed{ height:237px;}

.introWrap .wrap .conBox .itemBox .leftBox { float:none; width:100%; padding-right:0;}
.introWrap .wrap .conBox .itemBox .rightBox{float:none; width:100%; padding-left:0; margin-top:20px;}

.introWrap .wrap .conBox .itemBox .txtBox{ margin-top:0; padding:60px 20px;}
.introWrap .wrap .conBox .itemBox .txtBox p{ text-align:center;}
.introWrap .wrap .conBox .itemBox{ margin-top:20px;}
.introWrap .wrap .conBox .itemBox .imgBox{}

.introWrap .wrap .conBox .itemBox .h-fixed{ height:auto;}
.introWrap .wrap .conBox .itemBox .txtBox h3.title01{ width:80%; margin:0 auto 30px;}
.introWrap .wrap .conBox .itemBox .txtBox h3.title02{ width:80%; margin:0 auto 30px;}

.m_txtBox img{ width:90%; margin-left:-40px; margin-top:-90px;}
.spaceWrap .wrap .itemBox  .videoBox iframe{width:80%; height:200px; margin-top:20px;}

.aboutWrap .wrap{ padding:70px 20px 0;}
.aboutWrap .wrap h4{ display: inline-block;}
.aboutWrap .wrap .conBox .itemBox{ float:left; width:100%; padding:0 0 50px 0; text-align:center;}
.aboutWrap .wrap .conBox .itemBox ul li{ padding-left:20px;}
.aboutWrap .wrap .conBox .itemBox ul li:before{ left:0;}

.aboutWrap .wrap .numBox{ margin-top:20px; padding:50px 0;}
.aboutWrap .wrap .numBox ul li{ float:none; width:100%; border-right:0;}


.aboutWrap .wrap .workBox{ text-align:center;}
.aboutWrap .wrap .workBox ul li{ float:none; width:100%; margin-bottom:20px; padding:0;}
.contactWrap .wrap .conBox .leftBox{ float:none; width:100%;}
.contactWrap .wrap .conBox .rightBox{ float:none; width:100%; padding-left:0;}

.spaceWrap{ padding-bottom:40px;}
.spaceWrap .wrap .titleBox{ border-bottom:0; padding:30px 0 0;}
.spaceWrap .conBox .linkBox .col-Box{ float:none; width:100%; margin-top:6px;}
.spaceWrap .conBox .linkBox{ margin:0; padding:0 20px;}

.spaceWrap .conBox b.pc{ display:none;}
.spaceWrap .conBox b.mobile{ display:block;}


.cenBN_Wrap .wrap{ padding:70px 0 100px;}

.contactWrap .wrap .conBox{ padding:0 20px;}
.contactWrap .wrap .conBox .reserveBox .conBox{ padding:0;}

footer .txtBox ul li{ float:none; width:100%;}
footer .txtBox ul li b{ text-align:center;}
}

@media (max-width:480px){
.bannerWrap ul li{ height:100vh; background-image: inherit; background-size: contain; background-repeat:no-repeat;}	
.bannerWrap ul li img{ display:none;}
.aboutWrap .wrap .itemBox1 .leftBox{ width:95%;}
.aboutWrap .wrap .itemBox1 .txtBox p{ font-size:15px;}
.aboutWrap .wrap .itemBox1 .rightBox{ width:95%;}
}


@media (max-width:420px){

.introWrap .wrap .conBox .itemBox .txtBox{ padding:40px 20px;}	

.contactWrap .wrap .logoBox{ width:60%; margin:0 auto;}
.contactWrap .wrap .logoBox img{ display:block; width:100%;}
.contactWrap .wrap .conBox{ margin-top:30px;}
.introWrap .wrap{ padding:0 10px;}	
.introWrap .wrap .conBox .itemBox{ margin-top:10px;}
.introWrap .wrap .conBox .itemBox .rightBox{ margin-top:10px;}

.introWrap .wrap .conBox .itemBox .leftBox .imgBox img{margin-left:0px;}
.introWrap .wrap .conBox .itemBox .rightBox .imgBox img{margin-left:0px;}
.introWrap .wrap .conBox .itemBox .txtBox b img{margin-left:-11px;}
.introWrap .wrap .conBox .itemBox .txtBox p{ display:none;}
.textbox_m{display:block;font-family:微軟正黑體;text-align:left;line-height:1.5;}
.introWrap .wrap .conBox .itemBox .txtBox{ padding:0px 0px 5px 10px;}
.m_txtBox img{ padding-top:70px;}
.spaceWrap .wrap .titleBox h2 img{width:40%;margin-left:7px;margin-bottom:15px;}
.spaceWrap .wrap .itemBox .leftBox{margin-left:20px;}
.spaceWrap .wrap .itemBox .rightBox{ margin-right:20px;}
.img_m{ display:block;}

.itemBox .sketchimg .banner1Wrap ul#banner li p{ font-size:5px;}
.itemBox .sketchimg .banner1Wrap ul#banner1 li p{ font-size:5px;}
.itemBox .sketchimg .banner2Wrap ul#banner2 li p{ font-size:5px;}
.itemBox .sketchimg .banner3Wrap ul#banner3 li p{ font-size:5px;}



.spaceWrap .conBox .linkBox{ padding: 0 10px;}

.cenBN_Wrap .wrap{ padding:50px 0 60px;}
.cenBN_Wrap .wrap b{ padding:15px 10px;}
.aboutWrap .wrap{ padding:50px 10px 0;}
.aboutWrap .wrap .workBox ul li{ margin-bottom:10px;}

.contactWrap .wrap{ padding:70px 0 50px;}
.contactWrap .wrap .conBox{ padding:0 10px;}
.contactWrap .wrap .conBox .btnBox a.google{ padding:10px 50px;}
.contactWrap .wrap .conBox .btnBox{ margin-bottom:12px;}
.contactWrap .wrap .conBox .reserveBox .conBox .checkBox p{font-size:17px;}
.contactWrap .wrap .conBox .rightBox .reserveBox .conBox .itemBox{ margin-bottom:10px;}
.contactWrap .wrap .conBox .rightBox .reserveBox .conBox .w50 input{ width:calc(50% - 5px);}

}

@media (max-width:375px){
.introWrap .wrap{ padding:0 10px;}	
.introWrap .wrap .conBox .itemBox{ margin-top:10px;}
.introWrap .wrap .conBox .itemBox .rightBox{ margin-top:10px;}

.introWrap .wrap .conBox .itemBox .leftBox .imgBox img{margin-left:0px;}
.introWrap .wrap .conBox .itemBox .rightBox .imgBox img{margin-left:0px;}
.introWrap .wrap .conBox .itemBox .txtBox b img{margin-left:-11px;}
.introWrap .wrap .conBox .itemBox .txtBox p{ display:none;}
.textbox_m{display:block;font-family:微軟正黑體;text-align:left;line-height:1.5;}
.introWrap .wrap .conBox .itemBox .txtBox{ padding:0px 0px 5px 10px;}
.m_txtBox img{ padding-top:70px;}
.spaceWrap .wrap .titleBox h2 img{width:40%;margin-left:7px;margin-bottom:15px;}
.spaceWrap .wrap .itemBox .leftBox{margin-left:20px;}
.spaceWrap .wrap .itemBox .rightBox{ margin-right:20px;}
.img_m{ display:block;}

.itemBox .sketchimg .banner1Wrap ul#banner li p{ font-size:5px;}
.itemBox .sketchimg .banner1Wrap ul#banner1 li p{ font-size:5px;}
.itemBox .sketchimg .banner2Wrap ul#banner2 li p{ font-size:5px;}
.itemBox .sketchimg .banner3Wrap ul#banner3 li p{ font-size:5px;}



.spaceWrap .conBox .linkBox{ padding: 0 10px;}

.cenBN_Wrap .wrap{ padding:50px 0 60px;}
.cenBN_Wrap .wrap b{ padding:15px 10px;}
.aboutWrap .wrap{ padding:50px 10px 0;}
.aboutWrap .wrap .workBox ul li{ margin-bottom:10px;}

.contactWrap .wrap{ padding:70px 0 50px;}
.contactWrap .wrap .conBox{ padding:0 10px;}
.contactWrap .wrap .conBox .btnBox a.google{ padding:10px 50px;}
.contactWrap .wrap .conBox .btnBox{ margin-bottom:12px;}
.contactWrap .wrap .conBox .reserveBox .conBox .checkBox p{font-size:17px;}
.contactWrap .wrap .conBox .rightBox .reserveBox .conBox .itemBox{ margin-bottom:10px;}
.contactWrap .wrap .conBox .rightBox .reserveBox .conBox .w50 input{ width:calc(50% - 5px);}
}

@media (max-width:320px){
	.m_txtBox img{margin-left:20px;}
}