@charset "utf-8";
body { width:100%; height:100%; margin:0; padding:0; font-family:"微軟正黑體";  font-size: 14px; line-height: 20px;}
html { width:100%; height:100%;}

.wrapper { max-width:640px; margin:0 auto;padding:20px 0 30px 0;}

.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;}
img { border:0;}

/*** 手機選單、選單 色塊-變色  ***/
.b-color, .slicknav_menu { background:url(../images/top_bg.jpg) } /** 選單顏色 ***/
.slicknav_icon-bar { background-color: #e6f8ee;} /** 手機選單ICON按鈕色 ***/
.slicknav_btn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b4ddb4+0,008a00+100 */

background: rgb(180,221,180); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I0ZGRiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(0,138,0,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,221,180,1)), color-stop(100%,rgba(0,138,0,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, rgba(180,221,180,1) 0%,rgba(0,138,0,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, rgba(180,221,180,1) 0%,rgba(0,138,0,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, rgba(180,221,180,1) 0%,rgba(0,138,0,1) 100%); /* IE10+ */

background: linear-gradient(to bottom, rgba(180,221,180,1) 0%,rgba(0,138,0,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#008a00',GradientType=0 ); /* IE6-8 */

	} /** 手機選單ICON按鈕底色 ***/




header {background:none; height:24px;position:absolute; top:12px; left:50px; }
.logo { line-height:24px; top:0; left:5px; }
.logo img{ width:180px;}

.home { display: block; position:absolute; top:0; left:-40px;  }
.home a{ display: block; width:32px; height:31px; background:url(../images/icon_home.png) no-repeat; }
.home a:hover{ display: block; width:32px; height:31px; background:url(../images/icon_home_w.png) no-repeat;}


.m-banner { width:100%; overflow:hidden; position: relative; z-index:1000;}
.m-banner img { position:absolute; top:-50%;  }
.banner { }
.banner img { width:100%;}
.oproject { display: inline; color:#900;}


/***** 首頁選單  *****/
.i-menu ul li{ display:block;  width:100%; margin:1.5% 3% 1.5% 1%; position:relative;}
.i-menu ul li h3{ display:block; width:40%; height:auto; position:absolute; top:26%; left:30%;}
.i-menu ul li h3 a{ display:block; background:#ccc; padding:7% 8%; font-size:21px; color:#fff ; font-family:微軟正黑體; font-weight: normal; text-align:center;}
.i-menu ul li h3 a:hover{display:block; background:#009944; padding:7% 8%;  font-size:21px; color:#fff ; font-family:微軟正黑體; font-weight: normal; text-align:center;}

.i-menu ul li img{ width:100%;}



/***  產品服務 ***/
.products{}
.products img{ width:60%; height:auto;}



/*****  聯絡我們  *****/
.contact-body { padding:0 0 0 0px;}
.contact-left { display:none; 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-title{font:normal 24px "微軟正黑體"; color:#333; padding:0 0px 5px 40px; line-height:36px; margin:10px 0 40px 0;}
.page-main { padding: 0 0 0 0px; }
.left-menu-title { font-size:15px; border-top:1px #999 dotted;}


/***  版面欄位  ***/
.main { padding: 0px 2% 0 2%;}
.col-m  { width:100%; margin-right:0%; float:none;}
.col-100 {}
.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 { }

@media screen and (max-width: 640px) {
	.slicknav_menu { display:none;}
	.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:0px 2%;}
.input-main-style01 { float:left; width:81%; margin:0; padding:5px 3%; -webkit-border-radius:5px 0px 0px 5px; -moz-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px;}


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

/******  底部資訊  ******/
.copytight { max-width:1100px; margin:0 auto; color:#fff; font-size:14px; font-family:微軟正黑體; line-height:40px; text-align:center; }
.col-065 { width:100%; float:left;}
.cor-035 { width:100%; float:left;}

.i-link_bg { background:url(../images/link_bg.jpg); padding:20px 0;}
.i-link02 { max-width:1100px; margin:0 auto;}

.i-link ul li img{ width:100%;}

.information{ margin:0 40% 0 3%;}
.word{font-size:18px; font-family:微軟正黑體; line-height:30px; text-align:center; color:#009944;}
.i-link-icon{display:block; width:56px; height:56px; position:absolute; top:0; right:0; margin:0 3% 0 0 ;}