@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:1000px;}
.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; vertical-align:middle;}


.head-main-extend{ background:none;}


/*** 手機選單、選單 色塊-變色  ***/
.b-color, .slicknav_menu { background:;} /** 選單顏色 ***/
.slicknav_icon-bar { background-color: #FFF;} /** 手機選單ICON按鈕色 ***/
.slicknav_btn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */

background: #ff3019; /* Old browsers */

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

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

background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',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: #e72330; } /** 選單滑入顏色 ***/
.slicknav_nav>li { border-bottom:1px #CCC solid;} 
.slicknav_nav>li.first { border-top:1px #666 solid;} 
.border-color { border-left:7px #A0A0A0 solid;} /** 標題顏色 ***/

nav { }



 .menu { list-style:none;}
 .menu li { color:#fff; width:100%;  text-align:center; float:none;}
 .sub-menu-arrow{ display:none;}

header { position:fixed; top:0; left:1%; width:calc(100% - 80px);}
.head-main { margin:0 auto; height:65px; padding:0; position:relative; }

.head-main .logo {  position:absolute; float:left; width:100%; height:65px; top:0;}
.head-main .logo img { width:auto; height:auto; max-width:100%; max-height:100%;}



.home { display: block; position:absolute; top:-35px; right:0px; width:25px; height:auto;}
.home_w { display:none;}
.banner { width:90%;  margin:0 5%; padding-top:85px; z-index:0; }


/*****  內頁架構  *****/
.content-body {width:90%; margin:0 5%; }



/***** 訂單列表  *****/

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-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:#000; display: inline; }





/*****  購物車  *****/
  .shop-car-img img { width:86%; max-width:180px; height:auto; padding:2%; border:1px #CCC solid; margin:5%; text-align:center;}


/*****  產品專區  *****/
.pro-list ul { margin:0 1.5%;}
.pro-list ul li {  width:31.33%; }

.pro-detaile{ padding:0 15px;}

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



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


/***  會員登入  ***/
h3.login-title { margin:10px 0 10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9B9B9B;}
.login-tool {}
.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-top:0px;}
.col-p-100 {width:100%;}
.col-p-015 { width:13%; margin-right:2%; float:left;}
.col-p-020 { width:18%; margin-right:2%; float:left;}
.col-p-025 { width:23%; margin-right:2%; float:left;}
.col-p-030 { width:28%; margin-right:2%; float:left;}
.col-p-040 { width:38%; margin-right:2%; float:left;}
.col-p-045 { width:43%; margin-right:2%; float:left;}
.col-p-050 { width:48%; margin-right:2%; float:left;}
.col-p-055 { width:53%; margin-right:2%; float:left;}
.col-p-060 { width:58%; margin-right:2%; float:left;}
.col-p-065 { width:63%; margin-right:2%; float:left;}
.col-p-070 { width:68%; margin-right:2%; float:left;}
.col-p-075 { width:73%; margin-right:2%; float:left;}
.col-p-080 { width:78%; margin-right:2%; float:left;}
.col-p-085 { width:83%; margin-right:2%; float:left;}

.cor-p-015 { width:15%; float:left;}
.cor-p-020 { width:20%; float:left;}
.cor-p-025 { width:25%; float:left;}
.cor-p-030 { width:30%; float:left;}
.cor-p-035 { width:35%; float:left;}
.cor-p-040 { width:40%; float:left;}
.cor-p-045 { width:45%; float:left;}
.cor-p-050 { width:50%; float:left;}
.cor-p-055 { width:55%; float:left;}
.cor-p-060 { width:60%; float:left;}
.cor-p-065 { width:55%; float:left;}
.cor-p-070 { width:70%; float:left;}
.cor-p-075 { width:75%; float:left;}


/*****  首頁-最新消息  *****/
.i-news { padding:15px 1% 0 1%;}
.i-news h2{ margin-top:15px;}

.i-news ul{ list-style:none; padding:0; margin:0 auto; width:90%;}
.i-news ul li{ float:none; width:100%; margin:10px 0; padding:10px 1.5%; }


/*** 消息 ***/
@media screen and (max-width: 780px) {
	.news { margin: 0 auto 20px auto;}
	.news ul li{ float:none; width:96%; margin:2% auto; padding:12px 1.5%; }
	.news ul li .month{padding:20px 1%; margin:0 4% 0 0 ; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}
} 


/***  首頁-關於我們  ***/
.i-about{ width:100%; margin:0; }
.i-about-content{width:60%; transition: 500ms; -moz-transition: 500ms; -webkit-transition: 500ms;}


/** 常見問題 **/
.i-qa{ margin-bottom:30px;}
.i-qa h2{ margin:10px auto 0 auto;}
.i-qa ul{ margin:0 1%;}
.i-qa ul li{ display:block; float:none; width:95%; margin:10px 2.5%;  line-height:24px; }


/***  輸入欄位  ***/
.input-style01 { padding:5px 3%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E;}

.input-botton01 { border:1px #CBCBCB solid; padding:5px 3%; line-height:20px; font-size:16px; font-family:Arial; color:#4E4E4E;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:100%; margin-bottom:5px; text-shadow: 1px 0px #fff; font-weight:800;}


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

footer { background: url(../images/footer_bg.jpg); }
footer .footer-box{max-width:1140px; margin:0 auto; padding:23px 1%; position:relative; } 

footer .footer-box .infor{ font-size:14px; line-height:24px; width:388px; margin:0 auto 5px auto; float:none; text-align:center;} 
footer .footer-box .infor .logo{ float:none; margin-right:0; margin:0 0 15px 0;}


footer .footer-box .copytight{ position:static; text-align:center;}