@charset "utf-8";

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}/* Hides from Ie-mac \*/
* html .clearfix{height:1%;}/* end hide from Ie-mac */
a{text-decoration:none;}
.slicknav_menu{display:block;}
img{border:0;}
header{ padding-top:0px; min-height: 45px;}
.top-line { display: none;}

.head-main { padding-top:0px; height: auto;}
.head-main .logo {position:absolute; width: 230px; left:10px; top:13px; z-index: 300;}
.head-main .logo img.pc { display: none;}
.head-main .logo img.home { height: auto; width: 100%; display: block; }


.head-tool{float:none; width:310px; position:static; margin:0 auto;}
.home{display:none;}
.home_w{display:block; width:30px; height:auto;}

.m-banner{width:100%; overflow:hidden; position:relative; z-index:1000;}
.m-banner img{position:absolute; top:-50%;}
.banner img{width:100%;}
.oproject{display:inline; color:#900;}
.title-img { height: 115px; overflow: hidden; overflow: hidden;}
.title-img img { height: 100%; width:auto !important;  max-width:auto !important; }

.slicknav_menu li.home-m { display: none;}


/* 產品專區 */
.pro-lst { list-style: none; margin: 0; padding: 30px 20;}
.pro-lst li { width: 100%;  float: none; }
.pro-lst li h3.name { background: #DFE8DA;  border-right: 3px #A2BD9A solid; text-align: center; padding: 10px 0;}
.pro-lst li img.photo {  float: none; display: block;}
.pro-lst li .info { margin-left: 0;}
.pro-lst li .note { min-height: auto;}


/* 聯絡我們 */
.contact-body{padding:0;}
.contact-left{max-height:200px; overflow:hidden; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.contact-left img{width:100%; height:auto; margin-top:10px;}
a.btn-send{padding:5px 0; width:49%; margin:5px 1% 0 0; display:block; float:left;}
a.btn-reset{padding:5px 0; width:49%; margin:5px 0 0 1%; display:block; float:left;}
a.btn-send-over{padding:3px 0px; color:#fff; width:100%; display:block; float:left; margin-top:5px;}

/* 內頁架構 */
.page-main{ }
.page-cont { padding: 15px 20px;  }
.main-bg { display: none;}
.left-menu-title{font-size:15px; border-top:1px dotted #999;}
.content-body{  min-height: auto; }

/* 版面欄位 */
.main{padding:0;}
.col-m{width:100%; margin-right:0%; float:none;}
.col-015, .col-020, .col-025, .col-030, .col-035, .col-040, .col-045, .col-050, .col-055, .col-060, .col-065, .col-070, .col-075, .col-080, .col-085{width:100%; margin-right:0%;}
.cor-015, .cor-020, .cor-025, .cor-030, .cor-035, .cor-040, .cor-045, .cor-050, .cor-055, .cor-060, .cor-065, .cor-070, .cor-075, .cor-080, .cor-085{width:100%;}
nav{display:none;}
@media screen and (max-width:640px){
	.slicknav_menu{display:block;}
	.js #menu{display:none;}
	.js .slicknav_menu{display:block;}
}
.menu{list-style:none;}
.menu li{color:#fff; width:100%; text-align:center; float:none;}

/* 訂位區塊 */
.info-box{font-size:14px; color:#7e7e7e; line-height:20px;}

/*** 定位-選項-時段 ***/
.order-opinion{width:100%; margin-right:0; float:none;}
.time{width:100%; float:none;}
.time ul li{margin:1% 1% 0 0; width:24%;}

/* 表單欄位 */
.form-box{min-width:280px;}
.form-style01{font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; padding:5px 3%; line-height:20px; width:93%;}
.input-main-style02{padding:5px 3%; width:93.3333%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.opinion{margin-bottom:5px;}
.opinion-left01{float:left; width:15%; padding:5px 3%; display:none;}
.opinion-right01{float:left; width:7.5%; padding:0 2%;}
.input-main-style01{float:left; width:81%; margin:0; padding:5px 3%; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
.bottom-info-main{padding:0 20px;}
footer .copytight{max-width:1000px; margin:0 auto; padding:30px 10px; color:#fff; font-size:13px; text-shadow:-1px -1px 0px #7b6f48; line-height:24px;}
footer .copytight img.footer-logo{width:220px; height:auto; margin:0 auto 20px auto; display:block;}
.select-style{font-size:15px; width:96%; line-height:20px; padding:5px 2%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.input-style01, .input-main-style02, .input-main-style03{float:none; width:100%;}
.checkout-box h3{margin-right:0;}

/* 頁次 */	
.page{height:100px;}
.page br{display:block;}


.results { }
.results li { display: block; width: 100%; padding: 10px;}


.google-map { height: 350px;}
/* 底部資訊 */

footer {  }
footer .content { font-size: 14px; }
footer .content .copyright {float: none; text-align: center; padding-bottom: 10px;font-size: 14px; }
footer .content .copyright .logo {  display: block; width: 150px; height: auto; padding-bottom: 10px; margin: 0 auto; }
footer .content .info { float: none; color: #259c82; padding:0 10px; border-left: 0px; text-align: left;}
