@charset "utf-8";
body{width:100%; height:100%; margin:0; padding:0; font:15px/24px "微軟正黑體";}
html{width:100%; height:100%;}
.wrapper{padding:50px 0 60px 0;}
.wrapper-page{padding:40px 0 60px 0; background:url(../images/wrapper-bg.gif) repeat-x top;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix{height:1%;}
a{display:inline-block; text-decoration:none; outline:none; hlbr:expression(this.onFocus=this.blur()); -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
img{border:0; vertical-align:middle; max-width:100%; height:auto; width:auto\9;}
input{vertical-align:middle;}
input,textarea{outline:none;}
textarea{resize:none;}
.slicknav_menu{display:none;}
input.select-box{border:1px solid #cbcbcb; padding:5px 3%; width:20px; height:20px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px;}
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}



/* 表單預設文字顏色設定 */
::-webkit-input-placeholder{color:#333;}
::-moz-placeholder{color:#333;}
:-ms-input-placeholder{color:#333;}
input:-moz-placeholder{color:#333;}
#field2::-webkit-input-placeholder{color:#333;}
#field3::-webkit-input-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}
#field4::-webkit-input-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#333;}
#field2::-moz-placeholder{color:#333;}
#field3::-moz-placeholder{color:#333; background:lightgreen; text-transform:uppercase;}
#field4::-moz-placeholder{font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999;}
.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover{background:#c7c7c7;}
.slicknav_nav>li{border-bottom:1px solid #666;}
.slicknav_nav>li.first{border-top:1px solid #666;}
.border-color{border-left:7px #A0A0A0 solid;}
header{background:url(../images/top_bg.jpg) repeat-x;}
.head-main{position:relative; width:90%; max-width:1100px; margin:0 auto; height:85px;}
.logo{line-height:85px; width:239px; height:auto;}
.home{display:block; position:absolute; top:26px; right:0px;}
.home a{display:block; width:32px; height:85px; background:url(../images/icon_home.png) no-repeat; line-height:85px;}
.home a:hover{display:block; width:32px; height:85px; background:url(../images/icon_home_w.png) no-repeat;}
.banner{width:100%; overflow:hidden; position:relative;}
.banner img{vertical-align:middle; width:100%; height:auto; position:absolute;}
h3.login-title{margin:0 0 10px 0; font:24px/30px "Times New Roman"; color:#9b9b9b;}
.icon-tool{width:40px; height:auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}



/* 選單與下拉 */
nav{float:right; width:60%; margin:0;}
.menu{padding:0; list-style:none; position:relative; max-width:1100px; margin:0 auto; text-align:center;}
.menu>li{display:inline-table; font-size:16px; text-align:center; line-height:82px; color:#666; margin:0 1%; padding:0 1.5%;}
.menu>li:nth-child(7n){border-right:0px;}
.menu>li>a{color:#666; display:block; border-top:3px #f7f7f7 solid;}
.menu>li>a:hover{color:#009530; border-top:3px #009530 solid;}



/* 首頁選單 */
.i-menu{}
.i-menu ul{list-style:none; margin:0; padding:0;}
.i-menu ul li{display:block; float:left; width:32.13%; margin:0 0.6%; position:relative;}
.i-menu ul li h3{display:block; width:40%; height:auto; position:absolute; top:26%; left:30%;}
.i-menu ul li h3 a{display:block; background:#ccc; padding:7% 8%; font:normal 21px "微軟正黑體"; color:#fff; text-align:center;}
.i-menu ul li:hover h3 a{display:block; background:#094; padding:7% 8%; font:normal 21px "微軟正黑體"; color:#fff; text-align:center;}
.i-menu ul li img{width:100%; filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.i-menu ul li:hover img{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}



/* 內容 */
.wd_font_001{font:15px/1.8em "微軟正黑體"; color:#333;}
.wd_font_002{font:bold medium/1.8em "微軟正黑體"; color:#a0ce4e;}
.wd_font_003{font:normal large/1.8em "微軟正黑體"; color:#333;}



/* 解決方案 */
.solutions img{width:80%; max-width:511px; height:auto;}



/* 產品服務 */
.products img{width:40%; height:auto; padding:20px; margin-left:20px; box-shadow:0 0 8px #ccc; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}



/* 技術支援 */
.support img{width:100%; height:auto;}



/* 聯絡我們 */
.contact-body{padding:0 0 0 40px;}
.contact-note{padding:10px 0; font-size:13px; color:#f00;}
.contact-left img{width:100%; height:auto; margin-top:10px; -webkit-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; border:2px solid #fff;}
.btn-send{font-size:13px;}
a.btn-send{background:#999; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-send:hover{background:#B88283;}
a.btn-reset{background:#666; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-reset:hover{background:#777;}
a.btn-send-over{background:#79919f; padding:3px 20px; text-align:center; font-size:15px; color:#fff; width:100px; margin:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a.btn-send-over:hover{background:#63aebd;}
img.code{width:100px; height:32px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 5px; vertical-align:middle;}



/* 內頁架構 */
.content-body{width:100%; max-width:1100px; margin:0 auto;}
.page-title{font:normal 24px "微軟正黑體"; color:#fff; padding:0 0px 5px 40px; line-height:36px; margin:10px 0 40px 0;}
.page-main{padding:0 0 0 40px; font-size:13px; color:#666; line-height:1.5em;}
.left-menu-title{background:#909090; text-align:center; font-size:18px; color:#fff; text-shadow:-1px -1px 0px #666; padding:5px 0 10px 0; border-top:1px #999 dotted; -webkit-border-radius:0 0 5px 0px; -moz-border-radius:0 0 5px 0px; border-radius:0 0 5px 0px;}
.in-left-menu>ul{margin:0; padding:10px 0 0px 0; list-style:none;}
.in-left-menu>ul>li{color:#666; padding:5px 0;}
.in-left-menu>ul>li>a{font-size:18px; color:#fff; background:#75A819; display:block; padding:12px 20px; line-height:1.5em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; box-shadow:0 0 5px #75A819; border:3px solid #75A819;}
.in-left-menu>ul>li>a:hover{color:#75A819; background:#ededed;}
.in-left-menu>ul>li>a.active{background:#094;}
.in-left-menu>ul>li>a.active:hover{color:#fff;}
.in-left-menu>ul>li ul{margin:5px 0 0 40px; padding:0; list-style:square;}
.in-left-menu>ul>li ul li{border-top:1px #CCC dotted; padding:5px;}
.in-left-menu>ul>li ul li:hover{background:#e8e8e6;}
.in-left-menu>ul>li ul li a{font-size:13px; color:#666; display:block;}
.in-left-menu>ul>li ul li a:hover{color:#71743d;}



/* 內頁BANNER */
.inside-banner{background:#009944; padding:20px 0;}
.inside-banner .banner-title{background:#009944; max-width:1100px; font-size:18px; color:#fff; margin:0 auto; border-left:4px #bbe3cd solid; padding:0 0 0 20px; line-height:30px;}



/* 版面欄位 */
.main{width:90%; max-width:1100px; margin:0 auto;}
.col-100{float:left; width:100%;}
.col-010{width:9%; margin-right:1%; float:left;}
.col-015{width:14%; margin-right:1%; float:left;}
.col-020{width:19%; margin-right:1%; float:left;}
.col-025{width:24%; margin-right:1%; float:left;}
.col-030{width:29%; margin-right:1%; float:left;}
.col-040{width:39%; margin-right:1%; float:left;}
.col-045{width:44%; margin-right:1%; float:left;}
.col-050{width:49%; margin-right:1%; float:left;}
.col-055{width:54%; margin-right:1%; float:left;}
.col-060{width:59%; margin-right:1%; float:left;}
.col-065{width:64%; margin-right:1%; float:left;}
.col-070{width:69%; margin-right:1%; float:left;}
.col-075{width:74%; margin-right:1%; float:left;}
.col-080{width:79%; margin-right:1%; float:left;}
.col-085{width:84%; margin-right:1%; float:left;}
.cor-010{width:10%; float:left;}
.cor-015{width:15%; float:left;}
.cor-020{width:20%; float:left;}
.cor-025{width:25%; float:left;}
.cor-030{width:30%; float:left;}
.cor-035{width:35%; float:left;}
.cor-040{width:40%; float:left;}
.cor-045{width:45%; float:left;}
.cor-050{width:50%; float:left;}
.cor-055{width:55%; float:left;}
.cor-060{width:60%; float:left;}
.cor-065{width:55%; float:left;}
.cor-070{width:70%; float:left;}
.cor-075{width:75%; float:left;}



/* 表單欄位 */
.form-box{min-width:280px;}
.form-box input, .form-box img{vertical-align:middle;}
.form-style01{font:14px "微軟正黑體"; color:#4e4e4e; padding:5px 0 10px 0; line-height:20px; width:100%;}
.opinion{margin-bottom:5px;}
.opinion-left01{background:#fff; float:left; width:30%; border:1px solid #cbcbcb; border-right:0; padding:5px 3%; font:14px/20px "微軟正黑體"; color:#4e4e4e; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px;}
.opinion-right01{float:left; width:7.5%; border:1px solid #cbcbcb; padding:0px 2%; font:14px/20px "微軟正黑體"; color:#4E4E4E; border-left:0; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.input-main-style01{float:left; width:55%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font:14px/20px "微軟正黑體"; color:#4e4e4e; -moz-box-shadow:0 0 5px #e9e9e9 inset;	-webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}
.input-main-style02{background:#fff; float:left; width:70%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font:14px/20px "微軟正黑體"; color:#4E4E4E; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; -moz-box-shadow:0px 0px 5px #e9e9e9 inset; -webkit-box-shadow:0px 0px 5px #e9e9e9 inset; box-shadow:0px 0px 5px #e9e9e9 inset;}
.input-main-style03{float:left; width:93.3333%; border:1px solid #cbcbcb; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4e4e4e; line-height:20px; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0px 0px 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}
.select-style{font-size:15px; color:#666; line-height:20px; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.order-numb{color:#ff0004;}



/* 輸入欄位 */
input{}
.input-style01{border:1px solid #cbcbcb; padding:5px 3%; font:14px/20px "微軟正黑體"; color:#4E4E4E; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100%; margin-bottom:5px; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0 0 5px #e9e9e9 inset; box-shadow:0 0 5px #e9e9e9 inset;}
.input-botton01{border:1px solid #cbcbcb; padding:5px 3%; line-height:18px; font-size:13px; font-family:"微軟正黑體"; color:#4E4E4E; width:100px; margin:0 auto; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin-bottom:5px; text-shadow:1px 0px #fff; font-weight:800;}
.select-style01{border:1px solid #cbcbcb; padding:5px 3%; width:99%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; margin:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-shadow:0 0 5px #e9e9e9 inset; -webkit-box-shadow:0px 0px 5px #e9e9e9 inset; box-shadow:0px 0px 5px #e9e9e9 inset;}
.input-botton-blue{background:#feffff; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2UyZmVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZWVkZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #feffff 0%, #e2feff 35%, #9eede6 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #feffff), color-stop(35%, #e2feff), color-stop(100%, #9eede6)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #feffff 0%, #e2feff 35%, #9eede6 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #feffff 0%, #e2feff 35%, #9eede6 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #feffff 0%, #e2feff 35%, #9eede6 100%); /* IE10+ */
	background:linear-gradient(to bottom, #feffff 0%, #e2feff 35%, #9eede6 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#9eede6', GradientType=0 ); /* IE6-8 */
}
.bg-gary-whrite{background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(98%, rgba(0,0,0,0.06))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* IE10+ */
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 98%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0f000000', GradientType=0 ); /* IE6-9 */
}
.bg-red-orange{background:rgb(248,80,50); /* Old browsers */
	background:-moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* IE10+ */
	background:linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 ); /* IE6-9 */
}
*{-webkit-box-sizing:border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing:border-box;    /* Firefox, other Gecko */
	box-sizing:border-box;         /* Opera/IE 8+ */
}
/* 頁次 */	
.page{height:40px; font:13px/40px "微軟正黑體"; color:#333; text-align:center; clear:both; margin-top:10px;}
.page a{background:#838282; color:#fff; padding:2px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page a:hover{background:#A09D9D; color:#fff;}
.page br{display:none;}
/******  底部資訊  ******/
footer {}
.copytight_bg{background:#009944;}
.copytight{width:90%; max-width:1100px; margin:0 auto; color:#fff; font-size:14px; font-family:"微軟正黑體"; line-height:40px;}
.i-link_bg{background:url(../images/link_bg.jpg); padding:28px 0;}
.i-link02{max-width:1100px; margin:0 auto;}
.i-link {}
.i-link ul{list-style:none; margin:0; padding:0;display: flex;flex-wrap: wrap;justify-content: center;}
.i-link ul li{width: calc(100%/4 - 4%); display:block; margin:0 2%; padding:0;}
.i-link ul li img{width:90%;}
.information-link{position:relative;}
.information{margin:0 50% 0 0%;}
.information h2{text-align:center; font-size:13px; font-family:"微軟正黑體"; line-height:24px; color:#fff; background:#006c30; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:1px; margin:0;}
.word{font-size:18px; font-family:"微軟正黑體"; line-height:30px; text-align:center; color:#009944;}
.i-link-icon{display:block; width:125px; height:56px; position:absolute; top:0; right:0;}
.i-link-icon02{float:right;}
.i-link-icon a{display:block; background:url(../images/link-icon.png) no-repeat; width:125px; height:56px;}
.i-link-icon a:hover{display:block; background:url(../images/link-icon_w.png) no-repeat; width:125px; height:56px;}