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

.slicknav_menu {display:none;}


header { }
.head-main .logo { font-size: 30px; font-family: "Times New Roman";}


/***  選單與下拉  ***/
nav { float:right; width:65%; margin:0;}

 .menu>li { display:inline-table; font-size:16px; text-align:center;   line-height:82px; color:#666; margin:0 ; padding:0 1%;}

/***** 首頁選單  *****/
.i-menu ul li h3{ display:block; width:45%; height:auto; position:absolute; top:16%; left:30%;}
.i-menu ul li h3 a{ display:block; background:#ccc; padding:7% 8%; font-size:18px; 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:18px; color:#fff ; font-family:微軟正黑體; font-weight: normal; text-align:center;}

/***  解決方案 ***/
.solutions{}
.solutions img{ width:100%; height:auto;}

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




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




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

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


.input-botton-blue { }


/******  底部資訊  ******/
.i-link_bg { background:url(../images/link_bg.jpg); padding:20px 0;}
.i-link ul li{width: calc(100%/3 - 4%);}
.i-link ul li img{ width:100%;}

.col-065 { width:100%; margin-right:1%; float:left;}
.cor-035 { width:100%; float:left;}

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