@charset "UTF-8";
@import url(CSS_Reset.css);
body, input, select {
	font:normal 13px   Arial,"微軟正黑體", Helvetica, sans-serif;}
/*************************************
*		base 版型    主色 #3d86c2
**************************************/
body{ background-color:#eef8ff;font-size:14px;line-height:2em;color:#666;}
body.white_bg{ background:#fff;}
#main{margin:30px auto;width:900px;background:fff;border-radius:20px;
	box-shadow:0px 0px 8px #e0edf6;}
#header{
	width:100%;height:auto; border-radius:20px 20px 0 0;
	background:#fff; border-bottom:1px solid #eef8ff;}
#content{ min-height:300px;background-color:#fff;}
.page{min-height:300px;background:#fff;}
.path{ background:#f1f1f1; padding-left:10px; color:#999; font-size:12px;}
/*************************************
*		header     
**************************************/
.header_logo{height:100px;}
.header_logo a{
	font-size:0;content:''; display: inline-block; vertical-align:top;
	width:151px; height:70px;margin:15px 0 0 20px;
	background:url(../img/Logo.gif) no-repeat left top;}
.header_logo span{
	font-size:11px; display:inline-block;margin:41px 0 0 20px;
	background:#eff9ff;color:#3d86c2;border-radius:30px;padding:3px 15px;}

/*		#idx_menu  */
#idx_menu{text-align:center; width:100%; display:block;border-top:1px solid #e0edf6;
	border-bottom:5px solid #d0e0ed;}
#idx_menu > ul{
	margin:0 auto;text-align:center;display:block;}
#idx_menu > ul li{
	display:inline-block;*zoom: 1;*display:inline;}
#idx_menu > ul li a{
	position:relative;vertical-align:top;
	text-decoration:none; display:block;
	font:italic 14px serif; margin:0;padding:5px 20px;color:#3d86c2; line-height:2em;}
#idx_menu > ul li.active a{
	text-decoration: none;
	background:#3d86c2; color:#fff;}
	
#fix_header{
	 width:100%;
	 height:50px;
	 background:#32b3bf;
	 position:fixed;
	 top:-65px;
	 z-index:999;
	-webkit-box-shadow: 0px 2px 5px #999;
	-moz-box-shadow: 0px 2px 5px #999;
	box-shadow: 0px 2px 5px #999;}
#gotop {  /*返回至頂功能*/
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    font-size: 20px;
    background: #777;
    color: white;
    cursor: pointer;}
/*************************************
*		footer
**************************************/
#footer{
	margin:0;padding:10px 20px;border-radius:0 0 20px 20px;
	background:#fff;
	text-align:right; min-height:85px;}
#footer .pic{ float:left; vertical-align:top;}
#footer .txt{ margin:30px 0 0 0;text-align: right;color:#7e92a2;font-size:12px;}
/*************************************
*		list_txt
**************************************/
/*tit1*/
.tit1{
	display:inline-block;border-left:6px solid #3e7db2;
	text-align:left;font-size:15px;color:#034c74;padding:0 5px 0 5px; margin:5px 0 3px 0;}
/*************************************
*		 Slider
**************************************/
/*idx_slick_one*/
#idx_slick_one{
	position:relative;top:0;left:0;overflow:hidden;border-radius:3px;}
/* idx_slick_AG20 */
#idx_slick_AG20{
	position:relative;top:0;left:0;
	overflow:hidden;margin:17px auto 0 auto;}
#idx_slick_AG20 div div a{
	width:180px;border:5px solid #f1f1f1;
	display:inline-block;*zoom:1;*display:inline;margin:0 6px;}
/* idx_slick_tree */
#idx_slick_tree{
	position:relative;top:0;left:0; vertical-align:top;
	overflow:hidden;margin:12px auto 0 auto;}
#idx_slick_tree div div a{
	padding-left:10px;
	width:200px;margin:0 auto;display:inline-block;*zoom:1;*display:inline;}
#idx_slick_tree div div a img{
	border:5px solid #f1f1f1;display:block;}
#idx_slick_tree .tit{/*標題*/
	padding-left:5px;
	text-overflow: ellipsis;text-align:left;
    overflow:hidden;white-space:nowrap;width:190px;
	font-size:14px;font-weight:bold; margin-top:10px;}
#idx_slick_tree .txt{/*內容*/
	padding-left:5px;margin-top:5px;width:190px;font-weight:normal; text-align:left;
	text-overflow: ellipsis;overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; }

.jssorb05 {position:absolute;}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position:absolute;
	width:16px;
	height:16px;
	background: url(../../inc/img/icon/slider_dot.png) no-repeat;
	overflow:hidden;
	cursor:pointer;}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
.jssora12l, .jssora12r {
	display:block;
	position:absolute;
	width:30px;height:46px;
	cursor:pointer;
	background: url(../../inc/img/icon/slider_arrow.png) no-repeat;
	overflow:hidden;}
.jssora12l {background-position: -16px -37px; }
.jssora12r {background-position: -75px -37px; }
.jssora12l:hover {background-position: -136px -37px; }
.jssora12r:hover {background-position: -195px -37px; }
.jssora12l.jssora12ldn {background-position: -256px -37px; }
.jssora12r.jssora12rdn {background-position: -315px -37px; }
/*idx_slick_two*/
#idx_slick_two{
	position:relative;top:0;left:0;
	width: 550px;height: 230px;
	overflow: hidden;border-radius:3px;
	display:inline-block;*zoom:1;*display:inline;}
.jssort12 {
	position:absolute;left:0px;bottom:0;
	width: 550px;height: 28px;
	background-color: rgba(255,255,255,0.75);
	background-color:#ffffff \9;
	border-bottom:1px solid #eaf0ea;}
.jssort12 .w {
	cursor: pointer;
	position: absolute;
	WIDTH: 100%;
	HEIGHT: 28px;
	top: 0px;left: -1px;}
.jssort12 .p {
	position: absolute;
	width: 137px;
	height: 28px;
	top: 0;left: 0;
	padding: 0px;}
.jssort12 .pav .w, .jssort12 .pdn .w {
	color:#444;}
.jssort12 .c {
	width: 100%;height: 100%;
	position: absolute;
	top: 0;left: 0;
	line-height: 28px;
	text-align: center;
	color: #000;
	font-size: 13px;color:#444;}
.jssort12 .p .c, .jssort12 .pav:hover .c {color:#009043;}
.jssort12 .p .c{
	color:#009043;
	text-align:center;
	background-color:#ffffff \9;}
.jssort12 .pav .c, .jssort12 .p:hover .c {
	color:#fff; background:#009043; text-align:center;}
/*idx_slick_btm*/
#idx_slick_btm{position:relative;top:0;left:0;overflow: hidden;}
#idx_slick_btm a img{background:#fff;padding:6px;border:1px solid #f0f0f0; margin:0 4px;}
/*************************************
*		 about us
**************************************/
h1{ font-size:25px; color:#ccc; padding:20px;}
.about_us{
	width:900px;padding:0px 0px; margin:0 auto; vertical-align:top;
background:url(../img/layout/about_bg.gif) no-repeat center top;}
.about_us .area{ padding:50px 75px 10px 75px;}
.about_us .tit{
	padding:10px 0 5px 5px;color:#3d86c2;
	font-size:15px;font-weight:bold;border-bottom:1px dashed #CCC; margin-bottom:20px;}
.about_us .tit2{ font-weight:bold;}
.about_us .txt{
	font-size:14px;line-height:2em;color:#666;
	display:inline-block; margin-bottom:0px;}
.about_us .line{
	display:block; border-bottom:1px dashed #CCC;}
.about_us .employees{
	margin-bottom:30px;
	line-height:1.6em;width:370px;display:inline-block;}
.about_us .employees .name{ font-weight:bold;}
.about_us .employees .name span{ font-weight:normal; font-size:12px;}
.about_us .map{ display:block;}
.about_us .map iframe{ width:510px;}
.about_us .map .txt{ line-height:1.6em; font-size:12px; padding-left:15px;}
/*************************************
*		 product
**************************************/
.pro_say{display:block; width:100%; text-align:center;}
.pro_say .txt{
	padding:20px 30px;margin:20px auto;border-radius:20px;
	background:#eff9ff;display: inline-block;width:600px;color:#5d87a0;
	line-height:1.6em;position:relative;}
.pro_say .txt:before,
.pro_say .txt:after{
	content:"“ ";font-size:90px;font-family:serif; font-style:italic; color:#3d86c2;
	position:absolute;}
.pro_say .txt:before{ left:-20px;}
.pro_say .txt:after{content:"” ";right:-20px; bottom:-35px;}
/*		#menu_s1  基本頁籤   */
#menu_s1{text-align:center; width:100%; display:block; padding-bottom:20px;}
#menu_s1 > ul{
	margin:0 auto; width:850px;padding:0 8px 0 12px; text-align: center;
	border-bottom:0px solid #c2dbe8;
	display:block;}
#menu_s1 > ul li{
	display:inline-block;*zoom: 1;*display:inline;
	margin:0px; margin:0 10px;}
#menu_s1 > ul li a{
	position:relative;vertical-align:top;
	padding:10px 20px;margin:0px;min-width:250px;text-align:left;
	text-decoration: none;border:1px solid #f1f1f1;border-radius:5px 5px 0 0;
	display:inline-block;*zoom: 1;*display:inline; opacity:.7;}
#menu_s1 > ul li.active a{
	border:1px solid #c2dbe8;text-decoration: none;
	border-top:3px solid #3d86c2;border-bottom:1px solid #fff;
	border-radius:5px 5px 0 0; margin-bottom:-2px;
	cursor:default; z-index:3;opacity:1;
	background:#fff;}
#menu_s1 > ul li.active a .tab_pic01,
#menu_s1 > ul li.active a .tab_pic02{}
#menu_s1 > ul li.active a span.txt{color:#444;}
#menu_s1 > ul li a .tab_pic01,
#menu_s1 > ul li a .tab_pic02{
	display:inline-block;vertical-align:top;
	background:#f1f1f1;width:40px;height:40px;
	border:1px solid #ccc;border-radius:50px;margin:5px 3px 5px 0px;}
#menu_s1 > ul li a .tab_pic01{background:url(../img/layout/menu_icon01.jpg) no-repeat -4px top;}
#menu_s1 > ul li a .tab_pic02{background:#f1f1f1 url(../img/layout/menu_icon02.jpg) no-repeat -4px top;}
#menu_s1 > ul li a span.txt{
	margin-top:5px;
	color:#646464;font-size:13px;text-decoration:none;display:inline-block; line-height:1.2em;}
#menu_s1 > ul li a:hover span{}
#menu_s1 .menu_s1_body{
	padding:0; clear:both;width:865px; margin:0 auto;
	border:1px solid #c2dbe8;
	border-radius:5px;box-shadow:0px 2px 5px #CCC;}
#menu_s1 .menu_s1_body .tab_content{
	padding:5px 10px;height:auto;width:100%;margin:0 auto; text-align:left;}
	

/*************************************
*		product_list
**************************************/
.product_list{display:block;text-align:left;padding-top:5px;height:auto;}
.product_list li{
	vertical-align:top;display:inline-block;width:46%;text-align:left;
	padding:10px; margin:0px 0;}
.product_list li .pro_pic{float:left;padding:5px;margin-bottom:10px;box-shadow:0px 1px 3px #ccc;}
.product_list li .pro_pic img{width:110px;}
.product_list li .pro_info{
	padding:20px 0 0 10px;display:inline-block;line-height:1.4em;  min-height:100px; width:220px;}
.product_list li .pro_info .name{font-size:18px;font-weight:bold;}
.product_list li .pro_info .info{font-size:12px;line-height:1.2em;color:#999; padding-top:5px;}
.product_list li .pro_info .info div{ display:inline-block;}
.product_list li .pro_info .info div.rt{ padding-left:10px;}
.product_list li .pro_txt{
	background:#f5f5f5;color:#979797;font-size:12px;margin-top:0px;
	clear:both; line-height:1.4em; padding:10px 10px 20px 10px;}

.product_list.three li{ width:30%; margin-top:0; margin-bottom:20px;padding-top:0;}
.product_list.three li .pro_pic{
	box-shadow:none; border-bottom:1px solid #ccc;
	float:none; text-align:center; display:block; margin-bottom:5px;padding-bottom:10px;}
.product_list.three li .pro_info{ padding:3px 0 0 2px; min-height:80px;}
.product_list.three li .pro_txt{min-height:100px; margin-top:0;}
.product_list.three li .pro_pic img{ width:auto;}
/*機器項目*/
#tab_s2 .product_list.three li{ width:45%; text-align:center; margin-bottom:40px;}
#tab_s2 .pro_info{width:260px;}
#tab_s2 .pro_info .name{ min-height:60px;}
#tab_s2 .product_list.three li .pro_txt .tit{
	text-align:center; border-bottom:1px solid #eaeaea; padding-bottom:5px; margin-bottom:10px;
	color:#ccc;font-size:13px;font-weight:bold;}
#tab_s2 .product_list.three li .pro_txt{ min-height:230px; margin-top:5px;}
#tab_s2 .product_list.three li .pro_txt li{
	text-align:left;
	display:block;width:auto;margin:0 0 0 10px;
background:url(../img/icon/icon_doc02.gif) no-repeat left 10px;padding:5px 5px 5px 15px;}
#tab_s2 .link1{color:#0099cc;text-decoration:underline; font-size:14px;}
#tab_s2 .link1:hover{color:#ed8000;text-decoration:none;}
#tab_s2 .product_tit_1,
#tab_s2 .product_tit_2,
#tab_s2 .product_tit_3,
#tab_s2 .product_tit_4{
	text-align:center;background:url(../img/icon/arrow_btm_1.gif) no-repeat center 25px;
	padding-bottom:20px;font-size:14px;color:#55a5ff;font-weight:bold;
	border-radius:5px 5px 0 0;display:block;}
#tab_s2 .product_tit_2{color:#f58024;background:url(../img/icon/arrow_btm_2.gif) no-repeat center 25px;}
#tab_s2 .product_tit_3{color:#297d2e;background:url(../img/icon/arrow_btm_3.gif) no-repeat center 25px;}
#tab_s2 .product_tit_4{color:#1f918f;background:url(../img/icon/arrow_btm_4.gif) no-repeat center 25px;}
#tab_s2 .product_list.three li .name span{ display:block; font-size:13px; color: #999;}

/*數字*/
span.Ranking_1,span.Ranking_2,span.Ranking_3,span.Ranking_4,span.Ranking_5,
span.Ranking_6,span.Ranking_7,span.Ranking_8,span.Ranking_9,span.Ranking_9A,span.Ranking_10{
	border-radius:3px;padding:3px 0 1px 0; margin:0 0 5px 0;
	width:60px;text-align:center;display:inline-block;
	font-size:20px;font-weight:bold;font-style:italic;color:#fff;}
span.Ranking_1{background:#55a5ff;}
span.Ranking_2{background:#ED2024;}
span.Ranking_3{background:#F58024;}
span.Ranking_4{background:#139350;}
span.Ranking_5{background:#333333;}
span.Ranking_6{background:#FBF009; color:#666;}
span.Ranking_7{background:#297D2E;}
span.Ranking_8{background:#35328C;}
span.Ranking_9{background:#59C5C3;}
span.Ranking_9A{background:#59C5C3;}
span.Ranking_10{background:#BF90BE;}

.menu_s1_body .tit1{
	border-width:0;border-bottom:1px solid #3e7db2; 
	font-size:22px; font-weight:bold; color:#3e7db2; padding:10px 10px 6px 10px;
	display:inline-block;background:#e8f7ff;width:818px;
	border-radius:5px 5px 0 0;}

/*************************************
*		common     
**************************************/
.txt_ss{font-size:x-small;line-height:normal;}/*字級小兩級*/
.txt_s{font-size:smaller;line-height:normal;}/*字級小一級*/
.txt_b{font-size:large;line-height:normal;}/*字級大一級*/
.txt_bb{font-size:x-large;line-height:1.5em;}/*字級大兩級*/
.disabled{color:#9c9d9e;}
.Fixed_w td,
.Fixed_w .list_td{word-break:break-all;word-wrap:break-word;}/*表格td 讓字強制斷行*/
.txt{display:block;padding:5px;line-height:22px;text-align:justify;}
.list_td .txt{padding-left:0px;}
.txt_Article{line-height:1.5em;margin:5px 5px;display:inline-block;}
p.txt{display:inline-block;}
.txt_blue{color:#3d86c2;}   /*正數*/
.txt_purple{color:#c525a3;} /*負數*/
.txt_green{color:#009f3c;}
.txt_gray{color:#acadae;}
.txt_black{color:#444;}
li.txt_red,.txt_red{color:red;}
.vtop{vertical-align:top;}
.vmid{vertical-align:middle;}
.vbtm{vertical-align:bottom;}
.vsup{vertical-align:super;}
.hide{display:none;}
.lt{text-align:left;}
.ct{text-align:center;}
.rt{text-align:right;}
.padding5{ padding:5px;}
.padding15{ padding:15px;}
.pR15{ padding-right:15px;}
.pR10{ padding-right:10px;}
.pR5{ padding-right:5px;}
.mb0{ margin-bottom:0px;}
.mb10{ margin-bottom:10px;}
.mt5{ margin-top:5px;}
.mt-5{ margin-top:-5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mR15{ margin-right:15px;}
.mt25{ margin-top:25px;}
.mLR10{ margin:0 10px;}
.mTB20{ margin:20px 0;}
.f_left{ float:left;}
.f_right{ float:right;}
.demoLink{margin:10px 0;text-align:center;}
.demoLink a,.demoLink button{margin:10px; color:#999;}