@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%;}

.warpper { max-width:640px; margin:0 auto;}
.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 {} /** 選單顏色 ***/
.slicknav_icon-bar { background-color: #FFF;} /** 手機選單ICON按鈕色 ***/
.slicknav_btn {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0195e6+0,016ed6+100 */

background: rgb(1,149,230); /* Old browsers */

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

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

background: -moz-linear-gradient(top, rgba(1,149,230,1) 0%, rgba(1,110,214,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(1,149,230,1) 0%,rgba(1,110,214,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(1,149,230,1) 0%,rgba(1,110,214,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0195e6', endColorstr='#016ed6',GradientType=0 ); /* IE6-8 */

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

.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {  background: #9ad9fa; } /** 選單滑入顏色 ***/
.slicknav_nav>li { border-bottom:1px #EEE solid;} 
.slicknav_nav>li.first { border-top:1px #EEE solid;} 
.border-color { border-left:7px #A0A0A0 solid;} /** 標題顏色 ***/



header { height:50px; background: none; position:absolute; top:15px; left:10px; }
.head-main{ height:50px}
.head-tool { width:70px; position:absolute; left:170px; top:10px; border:1px #0192e5 solid; text-align:center; overflow:hidden; line-height:22px; color:#015998; font-size:13px; padding:0;}
.head-tool a{ color:#015998;}
.head-tool a:hover{ color:#386b12;}
.server-tel {position:static; text-align: center; overflow:hidden; line-height:24px; color:#015998; font-size:14px; font-weight:bold;}

.head-main .logo {position:static; width:160px; height:auto; margin:0;}
.head-main .logo img { width:100%; height:auto;}

.server-tel{ display:none;}


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

/** 客戶叫件+價目表 **/
.bn-clent{background: rgba(0%,0%,0%,0.4); width:100%; height:100%; position:relative; transition: 300ms; -moz-transition: 300ms; -webkit-transition: 300ms; }
.bn-clent .title{ visibility:visible;}



/***** 訂單列表  *****/
.order-search { padding-left:0px;}
ul.order-list li.th { display:none;}
.order-list { padding-left:0px;} 
.order-list-img, .order-list-img02 { float:left; width:100%; font-size:15px; text-align:center;}
  .order-list-img img.pro-photo { width:86%; max-width:180px; height:auto; padding:2%; border:1px #CCC solid; margin:5%; text-align:center;}
  .order-list .order-list-td { font-size:15px; color: #666; text-align: left;}
  
  
.order-list-name { float: ; width:100%;  padding-top:0PX;  font-size:15px; text-align:center;} 
.order-list-price { float:left; width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.order-list-quantity, .order-list-quantity02 { float:left; width:100%; padding-top:0PX;  font-size:15px; text-align:center;}
.order-list-subtotal, .order-list-subtotal02 { float:left; width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.order-list-del { float:left; width:100%;  padding:20PX 0;  font-size:15px; text-align:center;}
.order-list-del a { padding: 5px 10%;}

.order-list .portal { width:100%; text-align: center;}
.order-list .freight { width:100%;  text-align: center;}
.order-list .oproject { font-size:15px; color:#0f62a2; display: inline; width:30%; }

.order-ditaile-info { padding:0 0 0 0px; }

ul.order-list { list-style:none; margin:0 ; padding:0; box-shadow:0 0 5px #3d86c2; border:1px solid #7ebff4;}

/*****  購物車  *****/
ul.shopping-car-list li.th { display:none;}
.shopping-car { padding-left:0px;} 
.shop-car-img { width:100%; text-align:center; border-bottom:1px #D3D3D3 dotted; margin-bottom:10px; display:block;}
  .shop-car-img img.pro-photo { width:86%; max-width:180px; height:auto; padding:10px; border:1px #CCC solid; margin:10px; text-align:center;}
  
.shop-car-name { float:none; display:block;  width:100%;  padding-top:0PX;  font-size:15px; text-align:center;} 
.shop-car-price {  width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-quantity {  width:100%; padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-subtotal{ width:100%;  padding-top:0PX;  font-size:15px; text-align:center;}
.shop-car-del {  width:100%;  padding:20PX 0;  font-size:15px; text-align:center;}
.shop-car-del a { padding: 5px 10%;}

.shopping-car .portal { width:100%; text-align: center;}
.shopping-car .freight { width:100%;  text-align: center;}
.shopping-car .oproject { font-size:15px; color:#000; display: inline; }

.checkout-box { margin-left:0px; border-bottom:2px #FFF dotted; width:100%; }

/**** 價目表 ****/
.price-list .toll .title br{ display:block;}


/*****  產品專區  *****/
.pro-store-info {  padding:10px 0 10px 0px; }
.pro-list ul li {  width:48%; padding:1%; }
.pro-detaile { padding-left:0px; }
.pro-qr-code { text-align:center; padding-bottom:20px;}
.pro-qr-code img { width:200px; height:auto;}
.cart-info .price { font-size:28px; text-align:center; display:block; padding:10px 0 20px 0;}
.cart-info .quantity {text-align: center;}
.cart-info .check-out { text-align:center; clear:both; display:block;}
.cart-info .check-out a { font-size:15px; width:100%; padding:10px 0px; margin-left:0px; display:block;}

/*****  聯絡我們  *****/
.contact-body { padding:0 0 0 0px;}
.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: 10px 0px; color:#fff; width:100%; display:block; float:none; margin:5px 0 0 0;}
.map{ margin-bottom:50px;}

/*****  內頁架構  *****/
.page-main { padding: 0 0 0 0px; }
.page-title { font-size:30px; color:#1f88bf; font-weight:normal; padding:10px 0px; line-height:30px; margin:10px 0; position:relative; text-align:center; font-family: 'Federo', sans-serif;}
.page-title .cn{ font-size:16px; color:#333; }
.left-menu-title { font-size:15px; border-top:1px #999 dotted;}

/*****  首頁產品  *****/
.index-pro ul li {  width:48%; padding:1%; text-align:center; float:left;}


/*****  首頁連結  *****/
.index-link ul li { float:left; width:50%; margin:0; padding:0; border:0;}

/*****  首頁 搜尋 最新消息模組  *****/
.i-news { padding-left:0px;}
.i-news h3 { border-bottom:1px #CCC solid;}

/***  會員登入  ***/
h3.login-title { margin:10px 0 10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9B9B9B; text-align:center;}
.login-tool {text-align:center; }
.icon-tool { width:40px; height:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.member-signup { font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center;}


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


/** 常用聯絡人 **/
ul.contacted-list li.th { display:none;}

.contact-person-list{ width:96%; max-width:1000px; min-height: 400px; }

 
/*** 訂位區塊  ***/
.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 10px;}

.opinion-02-R{ width:100%; padding:0;}
.opinion-02-L{ width:100%;}

.checkout-box h3 { margin-right:0; padding-left:12px;}
.checkout-box .contact-person a{ float:right; width:100px;  }

.cart-btn{padding: 10px 0 30px 0; text-align: center; margin-top: 15px;}

/* 頁次 */	
.page{ height:100px;}
.page br { display: block;}

/******  底部資訊  ******/

footer .footer-extend{ background:#1f88bf; padding:2% 0 0 0;}
footer .footer{ position:static;}
footer .footer .f-logo{ float:none; width:100%; padding:2%; text-align:center;}
footer .footer .f-logo img{ width:130px; height:auto;}
footer .footer .information{float:none; width:100%; padding:1% 2%;}
footer .footer .wd{float:none; width:100%; padding:1% 0 0 0; text-align: center; background:#015998; margin:2% 0 0 0; position:static;}

footer .copyright{ background:#015998; text-align:center; line-height:20px; font-size:12px; color:#fff; padding:0 1% 2% 1%;}