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

/** 華聚重點訊息 **/
@media screen and (max-width:730px) {
.focus h3{font-size:20px;}
.focus .focus-content{font-size:16px;padding:0 15px;}
.focus .focus-content ul li{padding:3px 0 3px 25px;background: url(../images/focus-icon.png)no-repeat top 7px left 0px; background-size:18px;}
.ai h3{font-size:20px;}
.ai .ai-content{font-size:16px;padding:0 15px;}
}

/** EIP-Portal **/
.business-AI-Benefit{margin: 0;}
.business-EIP-Portal-title{line-height: 1.2;}

.business-main-solutions ul li{display: block;}
.business-main-solutions ul li .business-main-solutions-images-main{margin: 0 auto;}
.business-main-solutions ul li .business-main-solutions-information-main{margin: 15px 0 0 0;padding: 0 0 10px 0; border-bottom: 1px #ccc solid;}

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

.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 {  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:31%; padding:1%; }

.index-pro ul li .i-service-title001 { font-size:16px; padding:15px 10px;}
.index-pro ul li .i-service-title002 { font-size:16px;padding:15px 10px;}
.index-pro ul li .i-service-title003 { font-size:16px;padding:15px 10px;}	

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


/*****  首頁 搜尋 最新消息模組  *****/
.i-news { float: left; width: 100%; padding:0 15px; margin:15px 0 0 0 ;}
.i-news-line { border-right:0px #f0f0f0 solid;border-bottom: 3px #2f7abf solid;}


/*****  最新消息  *****/
.news ul li {flex-basis:100%;margin:5px 0;padding:0px;}
.news ul li a {background: #f9f9f9;}

/***  會員登入  ***/
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;}


/*****  聯絡我們  *****/
.contact-contect{display:block;}
.contact-contect .contact-information{margin:5px 5px 20px 5px;}
.contact-contect .contact-googlemap{margin:5px 5px 20px 5px;}

/***  版面欄位  ***/
.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;}


/** 策略聯盟 **/
.alliance ul li .images { width: 200px; }


/***  選單與下拉  ***/
nav { }



/******  底部資訊  ******/
footer {padding: 10px 0;}
footer .footer { display: block;padding:0 5px;}
footer .footer .f-logo { width: 195px; margin: 0 auto;padding: 0 0 10px 0;}
footer .footer .information{text-align: center;}
footer .footer .wd{ position: inherit;text-align: center; }