/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, /*strong,*/ sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; background:#fff;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---reset.css--- */

html { font-family: "微軟正黑體",Arial, Helvetica, sans-serif  ; font-size:16px; -webkit-text-size-adjust:none;}
* { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */}
* a:link, * a:visited { color:#767676; text-decoration:none;}
* a:hover, * a:active { color:#be3e3e; text-decoration:none;}
.clear { clear:both;}
.txtBlack { color:#333;}
.txtSmall { font-size:15px; line-height:16px;}

select { border: solid 1px #999; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding-right: 22px; background: url(../images/arrow.png) no-repeat scroll right center #FFF;font-family: "微軟正黑體",Arial, Helvetica, sans-serif ;}
select::-ms-expand { display: none;}

/* -- BacktoTOP -- */
#gotop { display: none; position: fixed; right: 30px; bottom: 68px; width:45px; height:45px; cursor: pointer; z-index:999;}

/* --桌機版版型------------------------------------- */

/* switcher & img */
body.company { background: url(../images/bgLOGO.gif) no-repeat center 755px;}

#bg-body { height: 479px; left: 0; position: fixed; top: 0; width: 100%; z-index: 1;}
#bg-body > img, #bg-body > div.bg-body-html > img { bottom: 0; left: 0; margin: auto; min-height: 50%; min-width: 50%; position: relative; right: 0; top: 99px; text-align:center;}
/* switcher loader */
#bg-body-loader { background: url("../images/loading.gif") no-repeat scroll center center rgba(0, 0, 0, 0); height: 10px; left: 50%; margin: -5px 0 0 -40px; position: absolute; top: 50%; width: 80px;}
#bg-body.loading #bg-body-loader { display: block !important; z-index: 999;}

/* -- header -- */
header { width:100%; position:relative; height:99px; position:fixed; top:0; z-index:9999; background:#fff;}
header #Con { width:98%; margin:0 auto; position:relative;}
header #LOGO { position:absolute; top:26px; left:20px;}
header #LOGO .logo_img { width:198px; height:auto;}
header #LOGO .logo_img_en { width:270px; height:auto;}
.canvas_tw {width:217px; height:auto;}
.canvas_en {width:295px; height:auto;}
header #Gobal { float:right; margin: 16px 20px 0 0; color:#919fbd; background:url(../images/icon_Earth.png) no-repeat left center; padding: 0 0 0 20px;}
header #Gobal select { border:none; font-size:0.75em; font-family: "微軟正黑體", "Segoe UI";}

/* -- 手機版選單 -- */
h4 { display:none;}
h4:hover { display:block; width:69px; height:69px; background: url(../images/icon_Menu.png) no-repeat #43727a center center;}
#SUBMENU { display:none;}

/* -- PC版選單 -- */
#navigation { height:18px; line-height:18px; position:absolute; right:16px; top:59px;}

nav ul { font-size: 0; margin: 0; padding: 0;}
nav ul li { display: inline-block; position: relative; letter-spacing:1px; border-right: 1px #CCC solid; padding: 0 35px; font-weight:bold;}
nav ul li:last-child { padding: 0 0 0 35px; border: none;}
nav ul li:hover { color:#e70012;}
nav ul li a { color: #000; display: block; font-size: 16px; padding: 0; font-weight:bold;}
nav ul li a:hover { color:#e70012;}
nav ul li ul { display: none; position: absolute; width:auto; min-width:200px; z-index:9999; top:40px; left:0;}
nav ul li ul li { display: block; border:none; padding:0;}
nav ul li ul li a { background: #fff; display: block; height:40px; line-height:40px; padding:0 35px; transition: 0.2s linear; text-align:left;}
nav ul li ul li a:hover { color:#e70012;}
nav ul li ul li:last-child { padding:0;}
nav .fa.fa-angle-down { margin-left: 0;}

.type1
{
	margin:10px 0px 0px 0px;
	border-top: 2px solid #8d96a2;
	border-bottom : 2px solid #8d96a2;
	width:50%;
	/*-webkit-box-shadow: 0 0 0 5px white, 0 12px 5px #014d6d;
	   -moz-box-shadow: 0 0 0 5px white, 0 12px 5px #014d6d;
	        box-shadow: 0 0 0 5px white, 0 12px 5px #014d6d; */          
}
.type1 tr
{
    border-bottom: dotted 1px #8D96A2;
}
.type1 td {
    /*color: #014D6D;*/
}
.type1 tr td:nth-child(1)
{
    width:70%;
	text-align:left;
	padding-left:30px;
}
.type1 tr td:nth-child(2){
	width:30%;
	text-align:center;
}
.type1 tr:nth-child(2n)
{
    background: #DCF0F6;
}

/* -- 首頁KV -- */
/*by kenny 20161213*/
/*#mainBanner { height:380px; width:100%; position:relative; margin: 99px auto 40px auto; z-index:-1; display:inline-block;}*/
#mainBanner { height:380px; width:100%; margin: 99px auto 40px auto; z-index:-1; display:inline-block;}
/*by kenny 20161213*/
/*#mainBanner #Con { width:1140px; z-index:9999; position: absolute; top:0; left:0;}*/
#mainBanner #Con { width:1140px; z-index:9998; position: absolute; top:50; left:0;}
#mainBanner #Con img { margin-left:-178px; display:block;}
#mainBanner #Con-M { display:none;}
.str_s_img {position:absolute; left:75px; top:127px;color:#fff;font-size:46px;font-weight:bold;letter-spacing:1px;line-height:64px;}
.str_s_img_en {position:absolute; left:75px; top:137px;color:#fff;font-size:38px;font-weight:bold;letter-spacing:1px;line-height:55px;}

#homeWide { width:100%; padding-top:40px;}

/* -- 首頁三大特色 -- */
#Characteristic { width:1140px; margin: 0 auto 40px auto; z-index:9998;}
#Characteristic li { float:left; margin: 0 1.96% 0 0; font-size:1em; text-align:center; color:#fff; width:32%; padding: 62px 45px 35px 45px; line-height:24px; position:relative;}
#Characteristic li .CharPic { width:100%; height:370px; overflow: hidden; position: absolute; top:0; left:0; background: none; z-index:-1; text-align:center;}
#Characteristic li .CharPic img { -webkit-transform: scale(1); -webkit-transition: 1s;  /* 默认显示 0.5 倍的照片 */ width:auto; height:370px;}
#Characteristic li .CharPic img:hover { -webkit-transform: scale(1.2);}

#Characteristic li:hover { opacity: 0.9; filter: alpha(opacity=90);}
#Characteristic li:last-child { margin:0;}
#Characteristic li b { display:block; margin: 28px 0 45px 0; font-size:2em; font-weight:bold; z-index:9999; height:40px;}
#Characteristic li.C1 { background: url(../images/Characteristic-BG1.jpg) no-repeat center center;}
#Characteristic li.C2 { background: url(../images/Characteristic-BG2.jpg) no-repeat center center;}
#Characteristic li.C3 { background: url(../images/Characteristic-BG3.jpg) no-repeat center center;}
/*by kenny 20161213*/
/*#Characteristic a { display:block; margin:20px auto 0 auto; background: rgba(255,255,255,0.8); text-align:center; padding: 10px 0; width:70%; z-index:9999; font-size:1.2em;}*/
#Characteristic a { display:block; margin:20px auto 0 auto; background: rgba(255,255,255,0.8); text-align:center; padding: 10px 0; width:70%; z-index:9998; font-size:1.2em;}

/* -- 首最新消息 -- */
#homeNews { font-size:1.12em; width:1140px; margin: 60px auto 0 auto; padding: 20px 0 40px 0;}
#homeNews img { float:left; margin-right:25px;}
#homeNews .txt { width: 735px; float:right; line-height:32px; /*text-align:justify;*/}
#homeNews b { font-size:32px; font-weight:bold; padding-bottom:12px; border-bottom:#d1d1d1 1px solid; margin-bottom:16px; color:#151985; position:relative; display:block;}
#homeNews .date { position:absolute; right:0; font-size:18px; text-align:right; top:6px; color:#666;}
#homeNews a.more { float:right; margin-top:40px; font-size:16px; color:#0093d6; font-weight:bold;}
#homeNews a.more:hover { color:#e70012;}

/*--內頁KV--*/
#inBanner { height:280px; width:100%; position:relative; margin: 99px auto 0 auto; z-index:9998; display:inline-block; }
#inBanner.company { background:url(../images/inBanner_company.jpg) no-repeat center top;}
#inBanner.product { background:url(../images/inBanner_product.jpg) no-repeat center top;}
#inBanner.contact { background:url(../images/inBanner_contact.jpg) no-repeat center top;}
#inBanner #Con { width:1140px; margin:0 auto; position:relative;}
#inBanner #Con img { margin-left:-176px; display:block;}
#inBanner #itemIcon { width:50%; text-align:center; margin:-28px auto 0 auto;}
#inBanner #itemTxt { background: url(../images/header-iconbg.png) center center no-repeat; font-size:45px; color:#fff; text-align:center; margin:10px; font-family: Tahoma, Geneva, sans-serif; letter-spacing:2px;}

/*--內頁次選項--*/
#inNav { width:100%; height:50px; line-height:50px; font-size:1.12em;} 
#inNav.company { background:#0093d6;}
#inNav.contact { background:#cd5463;}
#inNav.product { background:#78ce8d;}
#inNav ul { text-align:center;}
#inNav ul li { display:inline-block;}
#inNav ul li a { color:#fff; display:inline-block; padding: 0 35px;}
#inNav ul li a.click, #inNav ul li a.click:hover { color:#000; background:#fff;}
#inNav ul li a:hover { background:rgba(255,255,255,0.2);}

/*--內頁麵包屑--*/
#path { font-size:0.81em; text-align:right; color:#CCC; padding: 20px 0; margin-bottom:40px;}
#path a { display:inline-block; margin: 0 10px;}
#path b { font-weight:bold; color:#333; display:inline-block; margin-left:10px;}

/*--內頁內容區--*/
article { width:100%; padding-bottom:60px;}
article .con { width:1140px; margin: 0 auto; font-size:1.12em; color:#1c1c1c; line-height:32px; /*text-align:justify;*/}
/*article p { margin-bottom:30px;}*/
article img.L { float:left; margin: 0 40px 30px 0;}
article img.R { float:right; margin: 0 0 30px 40px;}
article img.R2 { float:right; margin: 30px;}
article img.BOSS { float:right; margin: 0 0 30px 40px;}
article img.BOSS-M,
article img.BOSS-P { display: none;}
article video { width:auto; height:380px;}
h1 { color:#47945a; font-size: 2.25em; font-weight:bold; display:block; margin-bottom:33px; line-height:50px;}
h2 { color:#151985; font-size: 2.25em; font-weight:bold; display:block; margin-bottom:33px;}
h2.black { color:#333;}
h2.green { color:#47945a;}
h3 { color:#0093d6; font-size: 1.5em; font-weight:bold; display:inline-block; margin-bottom: 22px;}

#Organization { width:100%; background: #7bd2e9; padding: 40px 0; text-align:center; margin:30px 0;}
#Organization-M { display:none;}
#promise { background:url(../images/company03-Pic02.jpg) no-repeat center center; width:100%; height:205px; margin:60px 0; clear:both;}

#C03-pic { float:right; margin-left:30px;}
#C03-pic img { display:block; margin-bottom:20px;}
.C03-pic-M { display:none;}

/*--大事記--*/
ul.year { padding:0 0 40px 0;}
ul.year li { padding:20px 25px 20px 0;}
ul.year li:nth-child(odd) b { background:#f9972e; padding:25px 25px 50px 25px; font-size: 1.8em; color:#000; font-style:italic; font-weight:bold; margin: 0 20px 0 0; width:20%;}
ul.year li:nth-child(even) b { background:#f7b236; padding:25px 25px 50px 25px; font-size: 1.8em; color:#000; font-style:italic; font-weight:bold; margin: 0 20px 0 0; width:20%;}
ul.year li span { width:80%; display:inline-block; line-height:24px;}

/*--服務據點--*/
#Store { width:100%; background: #7bd2e9; padding: 40px; margin:30px 0; line-height:24px;}
#Store h3 { color:#000; font-size: 1.5em; font-weight:bold; display:block; margin-bottom: 22px;}
#Store .wide { width:1140px; margin:0 auto;}
#Store .map1 { float:left; width:48%;}
#Store .map2 { float:right; width:48%;}
#Store .map1 ifame, #Store .map2 ifame { width:540px; height:300px; margin-bottom:40px;}
#Store b { font-weight:bold; display:block; font-size:1.5em; margin: 20px 0 10px 0;}
#Store .btn_contact { display:block; margin:20px auto 0 auto; background:#cd5463; text-align:center; color:#fff; padding: 10px 0; width:100%; font-size:1.2em;}

/*--產品索引--*/
#productList {}
#productList>dl { width:100%; clear:both;}
#productList>dl>dt { width:31%; float:left; margin: 0 3.5% 30px 0;}
#productList>dl>dt:nth-child(3) { margin: 0 0 30px 0;}
#productList .listS ul { margin:0; padding:0;}
#productList .listS ul li { font-size:1.12em; padding: 10px 0 10px 15px; width:100%;}
#productList .listS ul li:nth-child(even) { background:#e5e5e5;}
#productList .listPic { width:100%; position:relative;}
#productList .listPic .photo { width:100%; height:220px; overflow: hidden; position:relative;}
#productList .listPic .photo img { -webkit-transform: scale(1); -webkit-transition: 1s; width:100%; height:auto; /* 默认显示 0.5 倍的照片 */}
#productList .listPic .photo img:hover{ -webkit-transform: scale(1.2);}
#productList .productName { position:absolute; bottom:0; width:100%; padding: 18px 15px; font-size:1.37em; font-weight:bold; color:#fff; background:rgba(0,0,0,0.7); z-index:999;}

/*--產品內容--*/
#productSelect { margin: -55px 0 30px 0; padding-bottom:25px; border-bottom:#CCC 1px dotted;}
#productSelect select { border: solid 1px #CCC; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding: 5px 8% 5px 10px; margin:10px 25px 10px 10px; background: url(../images/arrow.png) no-repeat scroll right center #FFF; font-size:0.93em; font-family: "微軟正黑體", "Segoe UI";}
#productSelect select::-ms-expand { display: none;}
.productL { float:right; margin:0 0 30px 40px;}
.productL img { width:400px;height:auto;}
.productInfo { background:#d1edd8; font-size:1.25em; padding:10px 15px; color:#3d724a; clear:both;}
ul.detail,
ul.download { width:100%; padding-bottom:80px;word-break: normal;}
ul.detail li b { width:18%; display:inline-block; vertical-align:top; color:#2a6338; font-size:1em;}
ul.detail li span { display:inline-block; width:80%;}
ul.detail li span ul {list-style-type:disc; word-break: break-all;padding-left:20px;}
ul.detail li { width:100%; padding:15px; border-bottom:#CCC 1px dotted; word-break: normal;}
ul.detail li:last-child,
ul.download li:last-child { border-bottom:none;}
ul.download li { background:url(../images/icon_PDF.jpg) no-repeat 15px center; width:100%; padding:20px 15px 20px 85px; border-bottom:#CCC 1px dotted;}

#video { width:100%; background:url(../images/videoBG.jpg) no-repeat center top; height:380px;}
#video a.play { background:url(../images/icon_Video.png) no-repeat center center rgba(49,124,67,0.8); width:100%; height:380px; display:block;}
#video a.play:hover { background:url(../images/icon_Video.png) no-repeat center center rgba(49,124,67,0.5); width:100%; height:380px; display:block;}

/*--聯絡我們--*/
#contactR { width:48%; float:right;}
#contactL { width:48%; float:left;}
#contactL textarea,
#contactL input,
#contactL select { border:#999 1px solid; padding:5px; width:100%; margin-bottom:22px; font-size:1em;}
#contactL input.S,
#contactL input[type=checkbox] { width:auto; margin: 0 10px; margin-bottom:22px; }
#contactL input.S1 { margin: 0 10px; width:25%; display:inline-block;}
#contactL input.S2 { margin: 0 10px; width:15%; display:inline-block;}
a.redBtn { display: inline-block; margin:20px 2% 0 0; background:#cd5463; text-align:center; color:#fff; padding: 10px 0; width:48%;}
a.redBtn:hover { background:#a03240;}
.redBtn { display: inline-block; margin:20px 2% 0 0; background:#cd5463; text-align:center; color:#fff; padding: 10px 0; width:48%;}
.redBtn:hover { background:#a03240;}
.txtOffice { font-size:30px; font-weight:bold; margin: 35px 0 20px 0; display:block;}
.contactTxt { font-size:18px; line-height:30px; display:block; margin-bottom:130px;}
#tel-M { display:inline-block;}

#moreIcon a { background:url(../images/icon_more.gif) no-repeat center top; display:block; text-align:center; font-size:0.83em; height:70px; color:#666; padding-top:50px; margin:15px 0 50px 0; letter-spacing:3px;}
#moreIcon a:hover { background:url(../images/icon_more.gif) no-repeat center bottom; display:block; text-align:center; font-size:0.83em; height:70px; color:#be3e3e; padding-top:50px; margin:15px 0 50px 0; letter-spacing:3px;}
article .chk{float:left; margin-top:2px;}

/* -- Footer -- */
footer { background: url(../images/footerBG.gif) repeat-x; height:351px; width:100%; margin: 0;}
footer #con { width: 1140px; margin: 0 auto; color:#fff; text-align:left; font-size:0.75em;}
footer #sitemap { display:table-cell; width:1000px; /*width:1140px;*/ margin:0 auto; height:294px; background:url(../images/footerLOGO.png) no-repeat right 35px; padding: 40px 0 0 0;}
footer #sitemap dl { float: left; width:225px; color:#464646; font-weight:bold; font-size: 1.25em;}
footer #sitemap dt b { font-size:20px; margin: 0 0 25px 0; font-weight:bold; display:block;}
footer #sitemap dt { font-weight: normal; font-size:15px; margin: 0 0 20px 0;}
footer #sitemap a { color:#464646;}
footer #sitemap a:hover { color:#e70012;}
footer #info { line-height:57px; height:57px;}

.iso {display:table-cell;}
.iso img {width:250px; height:auto;}
/* --寬螢幕版型------------------------------------- */
@media screen and (min-width: 1650px) {
	/* -- header -- */
	header #Con { width:96%; margin:0 auto; position:relative; z-index:9999;}

/* -- 首頁KV -- */
#mainBanner #Con { width:1650px; margin:0 auto; /*position:relative;*//*by kenny*/}

/* -- 首頁三大特色 -- */
#Characteristic { width:1650px; margin: 0 auto 40px auto;}
#Characteristic li .CharPic { width:100%; height:370px; overflow: hidden; position: absolute; top:0; left:0; background: none; z-index:-1;}
#Characteristic li .CharPic img { -webkit-transform: scale(1); -webkit-transition: 1s;  /* 默认显示 0.5 倍的照片 */ width:100%; height:auto;}
#Characteristic li .CharPic img:hover { -webkit-transform: scale(1.2);}

/* -- 首最新消息 -- */
#homeNews { font-size:1.12em; width:1650px; margin: 60px auto 0 auto; padding: 20px 0 40px 0;}
#homeNews .txt { width: 1245px; float:right; line-height:32px;}

/*--內頁KV--*/
#inBanner #Con { width:1650px; margin:0 auto; position:relative;}

/*--內頁內容區--*/
article { width:100%; padding-bottom:30px;}
article .con { width:1650px; margin: 0 auto; font-size:1.12em; color:#1c1c1c; line-height:32px; /*text-align:justify;*/}
h1 { color:#47945a; font-size: 2.25em; font-weight:bold; display:block; margin-bottom:33px; line-height:50px;}

/*--服務據點--*/
#Store .wide { width:1650px; margin:0 auto;}

#promise { background:url(../images/company03-Pic02.jpg) no-repeat center top; width:100%; height:205px; margin:30px 0; clear:both;}

/*--產品索引--*/
#productList .listPic .photo { width:100%; height:300px;}

/* -- Footer -- */
footer { margin: 0;}
footer #con { width: 1650px; margin: 0 auto; color:#fff; text-align:left; font-size:0.75em;}
footer #sitemap { width:1650px; margin:0 auto; height:294px; background:url(../images/footerLOGO.png) no-repeat right 35px;padding: 40px 0 0 0;}

}

/* --窄螢幕版型------------------------------------- */
@media screen and (min-width: 1001px) and (max-width: 1139px) {

/* -- header -- */
header #Con { width:100%; margin:0 auto; position:relative; z-index:9999;}

/* -- 首頁KV -- */
#mainBanner #Con { width:100%; margin:0 auto; /*position:relative;*//*by kenny*/}

/* -- 首頁三大特色 -- */
#Characteristic { width:96%; margin: 0 auto 40px auto;}

#Characteristic li .CharPic { width:100%; height:370px; overflow: hidden; position: absolute; top:0; left:0; background: none; z-index:-1; text-align:center;}
#Characteristic li .CharPic img { -webkit-transform: scale(1); -webkit-transition: 1s;  /* 默认显示 0.5 倍的照片 */ width:auto; height:370px;}
#Characteristic li .CharPic img:hover { -webkit-transform: scale(1.2);}
#Characteristic a { display:block; margin:20px auto 0 auto; background: rgba(255,255,255,0.8); text-align:center; padding: 10px 0; width:70%; z-index:9999; font-size:1em;}

/* -- 首最新消息 -- */
#homeNews { font-size:1.12em; width:96%; margin: 60px auto 0 auto; padding: 20px 0 40px 0;}
#homeNews img { float:left; margin-right:15px; width:25%; height:auto;}
#homeNews .txt { width: 70%; float:right; line-height:32px;}

/*--內頁KV--*/
#inBanner #Con { width:100%; margin:0 auto; position:relative;}

/*--內頁內容區--*/
article { width:100%; padding-bottom:30px; margin:0 auto;}
article .con { width:96%; margin: 0 auto; font-size:1.12em; color:#1c1c1c; line-height:32px; /*text-align:justify;*/}
h1 { color:#47945a; font-size: 2.25em; font-weight:bold; display:block; margin-bottom:33px; line-height:50px;}

/*--服務據點--*/
#Store .wide { width:100%; margin:0 auto;}
#Store a { /*display:block; margin:20px auto 0 auto; background:#cd5463; text-align:center; color:#fff; padding: 10px 0; width:100%; font-size:1em;*/}

/*--產品索引--*/
#productList .listPic .photo { width:100%; height:190px;}

/* -- Footer -- */
footer #con { width: 96%; margin: 0 auto; color:#fff; text-align:left; font-size:0.75em;}
footer #sitemap { width:96%; margin:0 auto; height:294px; background:url(../images/footerLOGO.png) no-repeat right 35px;padding: 40px 0 0 0;}

}

/* --PAD版型------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 1000px) {

/* -- header -- */
header #Con { width:100%; margin:0 auto; position:relative; z-index:9999;}
header #LOGO { position:absolute; top:26px; left:20px; z-index:9999;}
header #Gobal { float:right; margin: 55px 80px 0 0; color:#919fbd; background:url(../images/icon_Earth.png) no-repeat left center; padding: 0 0 0 20px;}

/* -- PC版選單 -- */
#navigation { display:none;}

/* -- 手機版選單 -- */
h4 { width:60px; height:50px; background: url(../images/icon_Menu.png) no-repeat center top; background-size:50px auto; position:absolute; top:40px; right:0; display:block; z-index:999;}
h4:hover { display:block; width:60px; height:50px; background: url(../images/icon_Menu.png) no-repeat center -50px; background-size:50px auto;}
#SUBMENU { width:100%; height:auto; padding:0; margin:0 0 70px 0; position:absolute; top:99px; left:0; display:none; z-index:9998; background:#fff; -webkit-box-shadow: 0px 5px 5px rgba(4,65,132,0.3); -moz-box-shadow: 0px 5px 5px  rgba(4,65,132,0.3); box-shadow: 0px 5px 5px  rgba(4,65,132,0.3);}
#SUBMENU ul { padding: 0; margin:0;}
#SUBMENU li { font-size:0.93em; padding:0; font-weight:bold; text-align:center; text-decoration:none; display:block; width:100%; margin:0 auto;}
#SUBMENU li .company { background:#0093d6; color:#fff; display:block; padding:15px;}
#SUBMENU li .product { background:#78ce8d; color:#fff; display:block; padding:15px;}
#SUBMENU li .contact { background:#cd5463; color:#fff; display:block; padding:15px;}
#SUBMENU li a:hover { color:#840437;}
#SUBMENU li:last-child a { border:none;}
#SUBMENU ul li ul li { width:100%; border-bottom: #044084 1px dotted; font-size:16px; padding:12px;}
#SUBMENU ul li ul li:last-child { border:none;}
#SUBMENU ul li ul li a { padding-left:0; font-size:18px; font-weight:normal;}

/* -- 首頁KV -- */
#mainBanner #Con { width:100%; margin:0 auto; Left:0px;/*position:relative;*//*by kenny*/}
#mainBanner {height:300px;}

/*Banner*/
.bxslider li {height: 300px;}
.iconImg {height: 300px; width:auto;}
#mainBanner #Con img {margin-left:-140px;}
.str_s_img {position:absolute; left:60px; top:97px;color:#fff;font-size:38px;font-weight:bold;letter-spacing:1px;line-height:54px;}
.str_s_img_en {position:absolute; left:60px; top:107px;color:#fff;font-size:34px;font-weight:bold;letter-spacing:1px;line-height:44px;}

/* -- 首頁三大特色 -- */
#Characteristic { width:96%; margin: 0 auto 40px auto;}
#Characteristic li { float:left; margin: 0 1.96% 0 0; font-size:1em; text-align:center; color:#fff; width:32%; padding: 30px 45px 0 45px; line-height:24px; position:relative;}
#Characteristic a { display:block; margin: 0 auto; background: rgba(255,255,255,0.8); text-align:center; padding: 8px 0; width:95%; z-index:9998; font-size:1em;}
#Characteristic li b { display:block; margin: 5px 0 15px 0; font-size:1.25em; font-weight: normal; line-height: inherit;}

#Characteristic li>img { width:80px; height:auto;}
#Characteristic li .CharPic { width:100%; height:250px; overflow: hidden; position: absolute; top:0; left:0; background: none; z-index:-1; text-align:center;}
#Characteristic li .CharPic img { -webkit-transform: scale(1); -webkit-transition: 1s;  /* 默认显示 0.5 倍的照片 */ width:auto; height:250px;}
#Characteristic li .CharPic img:hover { -webkit-transform: scale(1.2);}


/* -- 首最新消息 -- */
#homeNews { font-size:1.12em; width:96%; margin: 60px auto 0 auto; padding: 20px 0;}
#homeNews img { float:left; margin-right:15px; width:25%; height:auto;}
#homeNews .txt { width: 70%; float:right; line-height:32px;}

/*--內頁KV--*/
#inBanner #Con { width:100%; margin:0 auto; position:relative;}

/*--內頁次選項--*/
#inNav { width:100%; height:50px; line-height:50px; font-size:1em;} 
#inNav ul li a { color:#fff; display:inline-block; padding: 0 20px;}

/*--內頁麵包屑--*/
#path { font-size:0.81em; text-align:right; color:#CCC; padding: 20px 0; margin-bottom:20px;}
#path a { display:inline-block; margin: 0 10px;}
#path b { font-weight:bold; color:#333; display:inline-block; margin-left:10px;}

/*--內頁內容區--*/
article { width:100%; padding-bottom:30px; margin:0 auto;}
article .con { width:96%; margin: 0 auto; font-size:1.12em; color:#1c1c1c; line-height:32px; /*text-align:justify;*/}
h1 { color:#47945a; font-size: 1.25em; font-weight: normal; display:block; margin-bottom:33px; line-height:30px;}
article img.L { float:left; margin: 0 5% 30px 0; width:60%;}
.com01-B { float:right; width:35%; display:block;}

/*--大事記--*/
ul.year li { padding: 0; clear:both;}
ul.year li:nth-child(even) b,
ul.year li:nth-child(odd) b { padding: 5px 20px; font-size: 1.25em; color:#000; font-style:italic; font-weight:bold; margin: 0 10px 0 0; width:10%; background:none; float:left;}
ul.year li:nth-child(odd) { background:#f9972e; clear:both;}
ul.year li:nth-child(even) { background:#f7b236; clear:both;}
ul.year li span { width:80%; display:inline-block; line-height:24px; padding: 10px; float:right; display: inline-block; background:#fff; font-size:0.93em; line-height:24px;}

/*--產品索引--*/
#productList>dl>dt { width:32%; float:left; margin: 0 2% 30px 0;}
#productList>dl>dt:nth-child(3) { margin: 0 0 30px 0;}
#productList .listS ul li a { font-size:0.81em; padding: 8px 0 8px 0; width:100%;}
#productList .listPic { width:100%; position:relative;}
#productList .listPic .photo { width:100%; height:150px; overflow: hidden; position:relative;}
#productList .listPic .photo img { -webkit-transform: scale(1); -webkit-transition: 1s;  /* 默认显示 0.5 倍的照片 */ width:100%; height:auto;}
#productList .listPic .photo img:hover { -webkit-transform: scale(1.2);}
#productList .productName { position:absolute; bottom:0; width:100%; padding: 15px 10px; font-size:1em; font-weight: normal; color:#fff; background:rgba(0,0,0,0.7);}

/*--產品內容--*/
#productSelect { margin: -15px 0 30px 0; padding-bottom:25px; border-bottom:#CCC 1px dotted;}
#productSelect select { border: solid 1px #CCC; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding: 5px 10% 5px 10px; margin:10px 10px; background: url(../images/arrow.png) no-repeat scroll right center #FFF; font-size:0.93em; font-family: "微軟正黑體", "Segoe UI"; width:auto;}
#productSelect select::-ms-expand { display: none;}
.productL { float:right; margin:0 0 30px 40px; width:50%;}
.productL img { width:100%; height:auto;}
.productInfo { background:#d1edd8; font-size:1em; padding:10px 15px; color:#3d724a; clear:both;}
ul.detail li { width:100%; padding:10px; border-bottom:#CCC 1px dotted; word-break: normal;}
ul.detail li span ul {list-style-type:disc; word-break: break-all;padding-left:20px;}
ul.download li { background:url(../images/icon_PDF.jpg) no-repeat 10px center; width:100%; padding:20px 15px 20px 80px; border-bottom:#CCC 1px dotted;}
ul.detail li b { width:20%; display:inline-block; vertical-align:top; color:#2a6338; font-size:1em;}

/*--服務據點--*/
#Store .wide { width:100%; margin:0 auto;}
#Store a { /*display:block; margin:20px auto 0 auto; background:#cd5463; text-align:center; color:#fff; padding: 10px 0; width:100%; font-size:1em;*/}

#promise { background:url(../images/company03-Pic02.jpg) no-repeat center center; width:100%; height:205px; margin:30px 0; clear:both;}

#video { width:100%; background:url(../images/videoBG.jpg) no-repeat center top; height:250px;}
#video a.play { background:url(../images/icon_Video.png) no-repeat center center rgba(49,124,67,0.8); width:100%; height:250px; display:block;}
#video a.play:hover { background:url(../images/icon_Video.png) no-repeat center center rgba(49,124,67,0.5); width:100%; height:250px; display:block;}

/*--聯絡我們--*/
#contactR { width:100%; float:none;}
#contactL { width:100%; float:none; margin-bottom:60px;}
.contactTxt { font-size:18px; line-height:30px; display:block; margin-bottom:50px;}
#contactL textarea,
#contactL input,
#contactL select { border:#999 1px solid; padding:5px; width:80%; margin: 5px auto 22px auto; font-size:1.12em; display:block;}
#contactL input.S,
#contactL input[type=checkbox] { width:auto; margin: 0 15px; margin-bottom:22px; display:inline-block;}
#contactL input.S1 { margin: 0 10px; width:20%; display:inline-block;}
#contactL input.S2 { margin: 0 10px; width:10%; display:inline-block;}
#tel-M { display:inline-block;}

/* -- Footer -- */
footer #con { width: 96%; margin: 0 auto; color:#fff; text-align:left; font-size:0.75em;}
footer #sitemap { width:96%; margin:0 auto; height:294px; background:url(../images/footerLOGO.png) no-repeat right 35px;padding: 40px 0 0 0;}
footer #sitemap dl { float: left; width:30%; color:#464646; font-weight:bold; font-size: 1.25em;}
footer #sitemap dt b { font-size:20px; margin: 0 0 25px 0; font-weight:bold; display:block;}
footer #sitemap dt { font-weight: normal; font-size:15px; margin: 0 0 20px 0;}
footer #sitemap a { color:#464646;}
footer #sitemap a:hover { color:#e70012;}
footer #info { line-height:57px; height:57px;}
}

@media screen and (max-width:804px)
{
#productSelect { margin: -15px 0 30px 0; padding-bottom:25px; border-bottom:#CCC 1px dotted; text-align:center;}
#productSelect select { border: solid 1px #CCC; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding: 5px 23px 5px 10px; margin: 10px 0; background: url(../images/arrow.png) no-repeat scroll right center #FFF; font-size:0.81em; font-family: "微軟正黑體", "Segoe UI"; width:100%;}
#productSelect select::-ms-expand { display: none;}
.date-size{font-size:16px;}

.type1 {width:43%;}
.type1 tr td:nth-child(1) {
		font-size:16px;
		padding-left: 20px;
	}
}

@media screen and (max-width: 600px) {
.type1 {width:100%;}
}

@media screen and (min-width: 481px) and (max-width: 700px) {
#productList .listPic .photo { width:100%; height:130px; overflow: hidden; position:relative;}
}

/* --手機版型------------------------------------- */
@media screen and (max-width: 480px) {

body.company { background: url(../images/bgLOGO.gif) no-repeat center 605px; background-size: 60% auto;}

/* switcher & img */
#bg-body { height: 350px; left: 0; position: fixed; top: 0; width: 100%; z-index: 1;}
#bg-body > img, #bg-body > div.bg-body-html > img { bottom: 0; left: 0; margin: auto; min-height: 50%; min-width: 50%; position: absolute; right: 0; top: 75px; width:auto; height:100%;}
/* switcher loader */
#bg-body-loader { background: url("../images/loading.gif") no-repeat scroll center center rgba(0, 0, 0, 0); height: 10px; left: 50%; margin: -5px 0 0 -40px; position: absolute; top: 50%; width: 80px;}
#bg-body.loading #bg-body-loader { display: block !important; z-index: 999;}

/* -- header -- */
header { width:100%; position:fixed; top:0; height:75px; z-index:9999;}
header #Con { width:100%; margin:0 auto; position:relative; z-index:9999;}
header #LOGO { position: relative; top:0; left:0; text-align:center; padding-top:10px;}
header #LOGO .logo_img { width:140px; height:auto;}
header #LOGO .logo_img_en { width:200px; height:auto;}
.canvas_tw {width:140px; height:auto;}
.canvas_en {width:200px; height:auto;}
header #Gobal { position:absolute; left:5px; top:15px; padding: 0; text-align:left; color:#E6E6E6; font-size:14px; background:url(../images/icon_Earth.png) no-repeat left center; padding: 0 0 0 20px; }

/* -- PC版選單 -- */
#navigation { display:none;}

/* -- 手機版選單 -- */
h4 { width:60px; height:50px; background: url(../images/icon_Menu.png) no-repeat center top; background-size:50px auto; position:absolute; top:10px; right:0; display:block; z-index:999;}
h4:hover { display:block; width:60px; height:50px; background: url(../images/icon_Menu.png) no-repeat center -50px; background-size:50px auto;}
#SUBMENU { width:100%; height:auto; padding:0; margin:70px 0; position:absolute; top:0; left:0; display:none; z-index:9999; background:#fff; -webkit-box-shadow: 0px 5px 5px rgba(4,65,132,0.3); -moz-box-shadow: 0px 5px 5px  rgba(4,65,132,0.3); box-shadow: 0px 5px 5px  rgba(4,65,132,0.3);}
#SUBMENU ul { padding:0; margin:0;}
#SUBMENU li { font-size:0.93em; padding:0; font-weight:bold; text-align:center; text-decoration:none; display:block; width:100%; margin:0 auto;}
#SUBMENU li .company { background:#0093d6; color:#fff; display:block; padding:15px;}
#SUBMENU li .product { background:#78ce8d; color:#fff; display:block; padding:15px;}
#SUBMENU li .contact { background:#cd5463; color:#fff; display:block; padding:15px;}
#SUBMENU li a:hover { color:#840437;}
#SUBMENU li:last-child a { border:none;}
#SUBMENU ul li ul li { width:100%; border-bottom: #044084 1px dotted; font-size:15px; padding:12px;}
#SUBMENU ul li ul li:last-child { border:none;}
#SUBMENU ul li ul li a { padding-left:0; font-size:18px; font-weight:normal;}

/* -- 首頁KV -- */
/*by kenny 20161220*/
/*#mainBanner { height:325px; width:100%; position:relative; margin: 75px auto 0 auto; z-index:-1; display:inline-block;}*/
#mainBanner {width:100%; margin: 75px auto 0 auto; z-index:-1; display:inline-block;}
#mainBanner #Con { display:none;}
/*by kenny 20161220*/
#mainBanner #Con-M { display:block; width:100%; text-align:center; top:100px; left:0; z-index:9998; position:absolute;}
.bx-pager{display: none;}
#homeWide{padding-top:20px;}
#mainBanner #Con-M .iconImg { width:150px; height:auto;}
.str_s_img_m {position:absolute; left:0px; top:52px;color:#fff;font-size:22px;font-weight:bold;letter-spacing:1px;line-height:30px;display:block; width:100%; text-align:center;}
.str_s_img_m_en {position:absolute; left:0px; top:50px;color:#fff;font-size:20px;font-weight:bold;letter-spacing:1px;line-height:30px;display:block; width:100%; text-align:center;}

#mainBanner {height:200px;}

/*Banner*/
.bxslider li {height: 200px;}

/* -- 首頁三大特色 -- */
#Characteristic { width:92%; margin: 0 auto 20px auto; z-index:9999;}
#Characteristic li { float:none; margin: 0 1.96% 40px 0; font-size:1em; text-align:center; color:#fff; width:100%; padding: 30px 20px 25px 20px; line-height:24px;}
#Characteristic li.C1,
#Characteristic li.C2,
#Characteristic li.C3 { background-size: auto 100%;}
#Characteristic li b { display:block; margin: 0 0 10px 0; font-size:1.25em; font-weight: normal;}
#Characteristic li>img { width:60px; height:auto;}
#Characteristic li .CharPic { width:100%; height:230px; overflow: hidden; position: absolute; top:0; left:0; background: none; z-index:-1; text-align:center; background:#00FF00}
#Characteristic li .CharPic img { -webkit-transform: scale(1); -webkit-transition: 1s;  /* 默认显示 0.5 倍的照片 */ width:100%; height:230px; overflow: hidden;}
#Characteristic li .CharPic img:hover { -webkit-transform: scale(1.2);}

/* -- 首最新消息 -- */
#homeNews { font-size:1.12em; width:92%; margin: 20px auto 0 auto; padding: 20px 0 40px 0;}
#homeNews img { float:none; margin:0 0 20px; width:100%; height:auto;}
#homeNews b { font-size:24px; font-weight:bold; padding-bottom:12px; border-bottom: none; margin-bottom:0; color:#151985; position:relative; display:block; line-height:30px; text-align:center;}
#homeNews .txt { width: 100%; float:none; line-height:30px;}
#homeNews .date { position: relative; right:0; font-size:16px; text-align:left; top:0; color:#666; margin: 20px 0 0 0; text-align:center; border-top:#d1d1d1 1px solid; padding-top:10px;}

/*--內頁KV--*/
#inBanner { height:280px; width:100%; position:relative; margin: 75px auto 0 auto; z-index:9998;}
#inBanner #Con { width:100%; margin:0 auto; position:relative;}
#inBanner #Con img { display:none;}
#inBanner #itemIcon { width:100%; text-align:center; margin:0 auto; padding-top:50px;}
#inBanner #itemIcon img { width:170px; height:auto;}

/*--內頁次選項--*/
#inNav { width:100%; height:50px; line-height:50px; font-size:1em;} 
#inNav ul li { /*width:31%;*/}
#inNav ul li a { color:#fff; display:inline-block; padding: 0 10px; width:100%;}
.en_menu {line-height: 25px!important;padding: 0 15px!important;}
.en_menu1 {padding: 0 0px!important;}

/*--內頁麵包屑--*/
#path { font-size:0.75em; text-align:left; color:#CCC; padding: 10px 0; margin-bottom:20px;}
#path a { display:inline; margin: 0;}
#path b { font-weight:bold; color:#333; display:inline-block; margin-left:10px;}

/*--內頁內容區--*/
article { width:100%; padding-bottom:20px; margin:0 auto;}
article .con { width:92%; margin: 0 auto; font-size:1.12em; color:#1c1c1c; line-height:32px; /*text-align:justify;*/}
h1 { color:#47945a; font-size: 1.25em; font-weight: normal; display:block; margin-bottom:33px; line-height:36px; letter-spacing:-1px;}
h2 { color:#151985; font-size: 1.4em; font-weight:bold; display:block; margin-bottom:25px; line-height:40px; letter-spacing:-1px;}
h3 { color:#0093d6; font-size: 1.15em; font-weight:bold; display:inline-block; margin-bottom: 22px;}
article img.L { float:none; margin: 0 0 30px 0; width:100%; height:auto;}
article img.R { float:none; margin: 0 0 30px 0; }
article img.R2 { float:none; margin: 0 0 -30px 0; width:100%; height:auto;}
article img.BOSS { display: none;}
article img.BOSS-M {float:none; margin: 20px auto; width:55%; height:auto; display:block;}
article img.BOSS-P {float:none; margin: 20px auto; width:100%; height:auto; display:block;}
/*article img { width:100%; height:auto;}*/
article video { width:auto; height:auto;}

#Organization-M { width:100%; background: #7bd2e9; padding: 40px 0; text-align:center; margin:30px 0; display:block;}
#Organization-M img { width:65%; height:auto;}
#Organization { display:none;}

/*--大事記--*/
ul.year li { padding: 0; clear:both;}
ul.year li:nth-child(even) b,
ul.year li:nth-child(odd) b { padding: 5px 20px; font-size: 1em; color:#000; font-style:italic; font-weight:bold; margin: 0 10px 0 0; width:20%; background:none; float:left;}
ul.year li:nth-child(odd) { background:#f9972e; clear:both;}
ul.year li:nth-child(even) { background:#f7b236; clear:both;}
ul.year li span { width:70%; display:inline-block; line-height:24px; padding: 10px; float:right; display: inline-block; background:#fff;}

/*--服務據點--*/
#Store { width:100%; background: #7bd2e9; padding: 30px 20px; margin:30px 0;}
#Store .wide { width:100%; margin:0 auto;}
#Store h3 { color:#000; font-size: 1em; font-weight:bold; display:block; margin-bottom: 22px;}
#Store .map1 { float:none; width:100%; margin-bottom:30px}
#Store .map2 { float:none; width:100%; margin-bottom:30px;}
#Store .map1 ifame, #Store .map2 ifame { width:100%; height:300px; margin-bottom:20px;}
#Store b { font-weight:bold; display:block; font-size:1.25em; margin: 20px 0 10px 0;}

/*--產品索引--*/
#productList>dl>dt { width:100%; float:left; margin: 0 0 30px 0;}
#productList>dl>dt:nth-child(3) { margin: 0 0 30px 0;}
#productList .listS ul li a { font-size:0.81em; padding: 8px 0 8px 0; width:100%;}
#productList .listPic .photo { width:100%; height:200px; overflow: hidden; position:relative;}
#productList .listPic .photo img { -webkit-transform: scale(1); -webkit-transition: 1s;  /* 默认显示 0.5 倍的照片 */ width:100%; height:auto;}
#productList .listPic .photo img:hover { -webkit-transform: scale(1.2);}
#productList .productName { position:absolute; bottom:0; width:100%; padding: 12px 10px; font-size:1em; font-weight: normal; color:#fff; background:rgba(0,0,0,0.7);}

/*--產品內容--*/
#productSelect { margin: -15px 0 30px 0; padding-bottom:25px; border-bottom:#CCC 1px dotted; text-align:center;}
#productSelect select { border: solid 1px #CCC; appearance:none; -moz-appearance:none; -webkit-appearance:none; padding: 5px 23px 5px 10px; margin: 10px 0; background: url(../images/arrow.png) no-repeat scroll right center #FFF; font-size:0.81em; font-family: "微軟正黑體", "Segoe UI"; width:100%;}
#productSelect select::-ms-expand { display: none;}
.productL { float:none; margin:0 0 25px 0; width:100%;}
.productL img { width:100%; height:auto;}
.productInfo { background:#d1edd8; font-size:1em; padding:10px 15px; color:#3d724a; clear:both;}
ul.detail li { width:100%; padding:10px 0; border-bottom:#CCC 1px dotted; text-align:left; word-break: normal;}
ul.detail li b { width:100%; display:inline-block; vertical-align:top; color:#2a6338; font-size:100%;}
ul.detail li span { display:inline-block; width:100%;list-style-type:disc;}
ul.detail li span ul {list-style-type:disc; word-break: break-all;padding-left:20px;}
ul.download li { background:url(../images/icon_PDF.jpg) no-repeat 10px center; width:100%; padding:20px 15px 20px 80px; border-bottom:#CCC 1px dotted;}

#C03-pic { display:none;}
.C03-pic-M { display: block;}
.C03-pic-M img { width:100%; height:auto; margin-bottom:20px;}

#promise { background:url(../images/company03-Pic02-M.jpg) no-repeat center center; width:100%; height:250px; margin:50px 0; clear:both;}

#gotop { display: none; position: fixed; right: 15px; bottom: 50px; width:45px; height:45px; cursor: pointer; z-index:999;}

#video { width:100%; background:url(../images/videoBG.jpg) no-repeat center top; height:200px;}
#video a.play { background:url(../images/icon_Video.png) no-repeat center center rgba(49,124,67,0.8); background-size: 20%; height:auto; width:100%; height:200px; display:block;}
#video a.play:hover { background:url(../images/icon_Video.png) no-repeat center center rgba(49,124,67,0.5); background-size: 20%; height:auto; width:100%; height:200px; display:block;}

/*--聯絡我們--*/
#contactR { width:100%; float:none;}
#contactL { width:100%; float:none; margin-bottom:60px;}
#contactL img.code { width:auto; height:auto; display:block; margin-bottom:20px;}
.contactTxt { font-size:18px; line-height:30px; display:block; margin-bottom:50px;}
#tel-M { clear:both; display:block;}
#contactL input.S { width:25%; margin: 0 5px 22px 5px; display:inline-block;}
#contactL input.S1 { margin: 0 5px; width:45%; display:inline-block;}
#contactL input.S2 { margin: 0 5px; width:20%; display:inline-block;}


/* -- Footer -- */
footer { background:url(../images/footerLOGO.png) no-repeat center 35px #e2f1f8; height:auto; width:100%; margin: 0;}
footer #con { width: 100%; margin: 0 auto; color:#fff; text-align:center; font-size:0.75em;}
footer #sitemap { display: block; width:92%; margin:0 auto; height:auto; padding: 40px 0 20px 0; background:none;}
footer #sitemap dl { float: none; width:100%; color:#464646; font-weight:bold; font-size: 1.25em;}
footer #sitemap dt b { font-size:20px; margin: 0 0 20px 0; font-weight:bold; display:block;}
footer #sitemap dt { font-weight: normal; font-size:15px; margin: 0 0 20px 0;}
footer #sitemap a { color:#464646;}
footer #sitemap a:hover { color:#e70012;}
footer #info { line-height:18px; height: auto; background:#333; font-size:11px; padding:20px 10px;}

.iso {display:block;}
}