@charset "utf-8";
body { width:100%; height:100%; margin:0; padding:0; font-family:"微軟正黑體";  font-size: 14px;line-height:1.8em;}
html { width:100%; height:100%;}

.warpper { max-width:1200px; 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; vertical-align:middle;}

.slicknav_menu {display:none;}



.head-main { height:120px!important ; }
.head-main .logo { width:120px!important ;padding: 10px 0 0 0!important ; }

.home { display: block; position:absolute; top:-35px; right:0px; width:25px; height:auto;}
.home_w { display:none;}
.banner {}


/** 首頁廣告區塊 **/
.ad ul li{height:360px;background-size:cover;}
.ad ul li:nth-child(odd){ background-attachment: inherit;}
.ad ul li a{ display: block;width: 100%; height: 360px;}

/*****  內頁BANNER  *****/
.inside-banner {padding:80px 0 25px 0; height: 280px;}
.inside-banner-bottom{position: absolute; bottom:-3px; left: 0;}


/***** 訂單列表  *****/

.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; }

.i-news { padding-left:30px;}


/*****  購物車  *****/
  .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 li {  width:33.3333%;}

.stripViewer .panelContainer .wrapper       {  height: 336.5px; }
	#movers-row div a.cross-link 				{  height: 81.56px;}

/*****  首頁產品  *****/
.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;}

/*** news-list  最新消息 ***/
.news-list { display:block;}
.news-list li { flex-basis:100%;  }

/*****  聯絡我們  *****/
.contact-contect {display:block;}
.contact-contect .c-information{ margin: 0 0 15px 0;}
.contact-contect .c-google-map {padding-bottom:40%;}

/***  版面欄位  ***/
.main { padding: 0px ;}
.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%;}



/*****  內頁架構  *****/
.classBox{padding:0 0 20px 0;}
ul.classLink{display:none;}
.m_classLink{display:block; position:relative; background-color:#e0e9f9; border:1px solid #013791;}
.m_classLink a.main{display:block; background:none; font-size:15px; font-family:"微軟正黑體", "新細明體", sans-serif; color:#333; position:relative; padding:10px;}
.m_classLink a.main i{display:block; font-size:15px; background:#013791; width:45px; height:100%; text-align:center; color:#FFF; line-height:40px; position:absolute; right:0; top:0;}
.m_classLink ul{display:none; margin:0; padding:0; list-style:none; width:100%; background:#FFF; border:1px solid #013791; position:absolute; left:0; top:100%; z-index:999; box-sizing:border-box;}
.m_classLink ul li{margin:0; padding:0;}
.m_classLink ul li a{display:block; padding:10px; border-top:1px solid #013791; font-family:"微軟正黑體", "新細明體", sans-serif; font-size:15px; color:#222;}
.m_classLink ul li:first-child a{border:none;}
.m_classLink ul li a:hover{background:#f4f6fa;}




/***  選單與下拉  ***/
nav { }
 .menu>li { width:18%; padding:0; margin: 0 .5%;}
 .menu { margin: 0 1%; }
 .menu>li:nth-child(2){ margin: 0 12% 0 0; }
 .menu>li:nth-child(3){ margin: 0 0% 0 12%; }



