/********************************
  FUNCTION
********************************/
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1; display:block;}
.hide{display:none;}

/********************************
  BODY
********************************/
::-moz-selection{ background:#ccc; color:#000;}
::selection{ background:#ccc; color:#000; text-decoration:none;}
*:focus { outline: 0;}
*{ box-sizing:border-box;}
a{ display:block; color:#969696; text-decoration:none; }
a:hover{ color:#CCC;}
html{ width:100%; }
body{ overflow-y:scroll; font-family: 'Quicksand', sans-serif; font-size:12px; line-height:1.8; width:100%; color:#555; background:#fff;}

/********************************
  FCK
********************************/
/*FAQ_fck*/
.fourbox{ margin-left: 20px; width: 100%; overflow: hidden; margin-bottom:5%;}
.picbox2{ width: 100%; max-width:100%; float: left; font-size: 14px; margin:0 0 1% 0;}
.picbox2 .pic_2{ width:45%; float: left; margin-right:2%; list-style: none;}
#picbox2 .pic_2{ list-style: none;}
#picbox2 .pic_2 img{ width:283px; max-width:100%; margin-bottom:5px; }
.picbox2 .pic_2 p{}
.f14_black{font-size: 14px;}
.f18_black{font-size: 18px; display: block;}

@media screen and (max-width:650px){
  #picbox2 img{ height:auto !important; }
}
@media screen and (max-width:500px){
  .picbox2 li{ width:45%; }
}



/********************************
  INDEX
********************************/
#wrap{ width:100%; position:relative;}
.w990{ width:90%; max-width:1600px; margin:0 auto; position:relative;}
.center{ text-align:center;}
.margin{ margin:0 auto;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:20px;}
.mt40{ margin-top:40px;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mr20{ margin-right:20px;}
.mr50{ margin-right:50px;}
.tc{text-align: center;}
.tl{text-align: left;}
.fl{ float:left;}
.fr{ float:right;}

.pt20{padding-top: 20px;}
.pb20{padding-bottom: 20px;}

/*container*/
#wrap,#container{ overflow:visible; width:100%; float:left; }
#container{ position:relative; z-index: 1;


}

.graybk{

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccdcd+0,7c7d7d+100&0+0,1+21 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 115px, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 115px,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0%,rgba(255,255,255,1) 160px,rgba(255,255,255,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80eeeeee', endColorstr='#eeeeee',GradientType=0 ); 
/*
  background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(238, 240, 241,1) 155px, rgba(255, 255, 255,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(238, 240, 241,1) 155px,rgba(255, 255, 255,1) 100%); 
  background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(238, 240, 241,1) 155px,rgba(255, 255, 255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff1f2',GradientType=0 ); 

/*
  background: rgb(204,205,205);
  background: -moz-linear-gradient(left, rgba(204,205,205,1) 0%, rgba(124,125,125,1) 100%);
  background: -webkit-linear-gradient(left, rgba(204,205,205,1) 0%,rgba(124,125,125,1) 100%);
  background: linear-gradient(to right, rgba(204,205,205,1) 0%,rgba(124,125,125,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccdcd', endColorstr='#7c7d7d',GradientType=1 );
*/
/*
background: -moz-linear-gradient(top,  rgba(238,238,238,0.5) 0%, rgba(238,238,238,1) 33%, rgba(238,238,238,1) 100%);
background: -webkit-linear-gradient(top,  rgba(238,238,238,0.5) 0%,rgba(238,238,238,1) 33%,rgba(238,238,238,1) 100%); 
background: linear-gradient(to bottom,  rgba(238,238,238,0.5) 0%,rgba(238,238,238,1) 33%,rgba(238,238,238,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80eeeeee', endColorstr='#eeeeee',GradientType=0 ); 
*/
}
.graybk_gray{ 
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccdcd+0,7c7d7d+100&0+0,1+21 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(238, 240, 241,1) 155px,#eff1f2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(238, 240, 241,1) 155px,#eff1f2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(238, 240, 241,1) 155px,#eff1f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff1f2',GradientType=0 ); /* IE6-9 */
  
}

.iframe_wrap{ width:100%; height:0; padding-bottom:150%; position:relative;}
.iframe_wrap iframe{ position:absolute; top:0; left:0; width:100%; height:100%;}

div#container {}
.padTop{ padding-top: 40%; }

/*g_header*/
#g_header{ display:block; width:100%; padding:20px 0 0 0; position:fixed; z-index:2; clear:both; background: #fff;}

.logo { width: 30%; float: left;}
.logo a{ display:block; float:left; }
.logo a:hover{ opacity:.8;}
.logo a img{ float: left; max-width:300px; width:90%;}
.logo a p{ display:none;}

.right_box{width:70%; float: right; display: inline-block;}

/*search*/
#search_bar{ width: 70%; float: right; text-align:right; margin-bottom: 10px; position:relative;}
#qs_text{ width:230px; background:#f1f1f1; border:0; padding:0 1%; line-height: 30px; height:30px; border: 0;}
#qs_submit{ border:0; background:url(../img/icon1.png) no-repeat center; width:20px; height:23px; position:absolute; top:3px; right:4px; color:#999; cursor:pointer; text-indent:-9999px;}
::-webkit-input-placeholder{ font-size:15px; color:gray; font-family:'Arial';}
/*@media screen and (max-width: 1400px) {
  #search_bar{ width:100%; }
}*/

/*m_search*/
#_m_nav>ul>li:first-child{clear: both; display: flex;flex-wrap: wrap;width: 100%; padding:8px 8%;background: #dad9d9;}
#m_search_bar{ width:100%; float: left ; position:relative;}
#m_search_bar input{ width: 100%;padding:2%; }
#m_qs_text{ width:100%; background:#f1f1f1; border:0; padding:0 1%; line-height: 35px; border: 0;}
#m_qs_submit{ border:0; background:url(../img/icon1.png) no-repeat center; width:20px; height:23px; position:absolute; top:8px; right:4px; color:#999; cursor:pointer; text-indent:-9999px;}
::-webkit-input-placeholder{ font-size:15px; color:gray;}


#g_nav{ float:right; white-space: nowrap; margin-bottom: 10px;}
#lv1{ text-align:right; }
#lv1>li{display:inline-block;margin-right: 36px;position: relative;/* font-weight: bold; */}
#lv1>li:last-child{ margin-right: 0;}
#lv1>li>a{ display: inline-block; font-size:16px; color:#333; transition:all .6s; position: relative;}
#lv1>li>a:hover{ color: #3fc8f4;}.

#lv1>li>a:hover .sub{opacity:1; visibility:visible;}

/*三角形*/
#lv1>li>a:hover .arrow_b_int{border-color: transparent transparent #5f5e5e transparent;transition:.2s;}
#lv1>li>a:hover .arrow_b_out{border-color: transparent transparent #5f5e5e transparent;transition:.2s;}

#lv1 .arrow_b_int { position:absolute; bottom:-11px; left:50%; margin-left: -12px; width: 0px;height: 0px;border-width: 12px;border-style: solid; border-color:transparent transparent transparent transparent;}
#lv1 .arrow_b_out { position:absolute; bottom:-10px; left:50%; margin-left: -12px;width: 0px;height: 0px;border-width: 12px;border-style: solid; border-color:transparent transparent transparent  transparent;}


/*sub次選單*/
#g_nav #lv1 li .sub{opacity:0;visibility:hidden;margin-top:10px;width:160px;margin-left:-80px;transition:.2s;position:absolute;left:50%;z-index:1;background: #5f5e5e;/*overflow:auto;*/color:#fff;box-shadow: 0 50px 50px rgba(0,0,0,.2);}
#g_nav #lv1 li:hover .sub{ opacity:1; visibility: visible;}
#g_nav #lv1 li:nth-child(2) .sub{width:520px; margin-left: -260px}

#g_nav .sub .subBox{ max-width: 1480px; margin: 0 auto; width: 90%;}

#g_nav .sub .g_pd  { width: 100%; float: left;}
#g_nav .sub .g_pd ul{/* min-width: 15%; */float: left;text-align: left;}
#g_nav .sub .g_pd>ul{ margin:20px 0;}
#g_nav .sub .g_pd>ul.third_2{ margin:20px;}
#g_nav .sub .g_pd>ul+ul{ margin-left:10%;}
#g_nav .sub .g_pd ul>li{/*width:150px;*/ display: block;}

#g_nav .sub .g_pd ul>li a { display: block; }
#g_nav .sub .g_pd ul>li header{font-size: 18px;color:#fff/* #3fc8f4*/;clear: both;font-weight: bold; margin: 5px 0;}

#g_nav .sub .g_pd .third{}
#g_nav .sub .g_pd .third li{}
#g_nav .sub .g_pd .third li a{font-size: 15px;color: #ffffff;transition: all .5s;cursor: pointer;}
#g_nav .sub .g_pd .third li a:hover{ opacity: .8; color: #3fc8f4;}
#g_nav .sub .g_pd .third li a h3{ font-size: 18px; color: #005E96; transition: all .5s;}
#g_nav .sub .g_pd .third li a h3:hover{ opacity: .9; text-decoration: underline; color: #0337EC;}
#g_nav .sub .g_pd .third li a span{}
#g_nav .sub .g_pd .third li a span b{ padding: 0 6px; margin-left:5px; display: inline-block; color:#fff; font-size:10px; line-height:18px; background:#A3D900; border-radius:40px;}

#g_nav .sub a{color:#fff;font-size:17px;line-height: 1.4;}
#g_nav .sub .g_pd .third_2{ float: none; }
#g_nav .sub .g_pd .third_2 li{ display: block;}
#g_nav .sub .g_pd .third_2 li a{ font-size:15px; color: #fff; transition: all .5s; cursor: pointer; line-height:1.5;}
#g_nav .sub .g_pd .third_2 li a:hover{ opacity: .8; color: #3fc8f4;}


/*banner*/
#banner{ width:100%; display:block; position:fixed; z-index: 0; top: 0; margin-top: 88px;}
#idx_banner{ width:100%;}
/*#idx_banner img{ width:100%; transition:0s; }*/
 .bg_cover{ background-size: cover; background-position:top center;}
 .bg_cover_2{ background-size: cover; }

#idx_banner .owl-item { /*-webkit-transform: scale(1);*/}
#idx_banner .owl-item { /*transform:scale(.9); opacity:.6;*/ transition:0s;}
#idx_banner .owl-item.active.center{ /*transform:scale(1); opacity:1;*/}

/*產品詳細頁banner*/
#banner_d { width:100%; display:block; position:fixed; z-index: 0; top: 0; margin-top: 88px;}


/*產品內頁banner*/
#idx_banner_pro{ width:100%;}
#idx_banner_pro img{ width:100%; max-width:900px; margin: 0 auto;transition:0s; display: block; }
.bk_gray{ /*background:url(../img/banner_04.jpg) no-repeat;*/ width: 100%; background-size: cover; 
background: #c1c1c1;
background: -moz-linear-gradient(top,  #c1c1c1 0%, #c1c1c1 45%, #efefef 45%, #efefef 85%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #c1c1c1 0%,#c1c1c1 45%,#efefef 45%,#efefef 85%, #ffffff 100%);
background: linear-gradient(to bottom,  #c1c1c1 0%,#c1c1c1 45%,#efefef 45%,#efefef 85%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#efefef',GradientType=0 );
}

.owl-item{ transform: translate3d(0, 0, 0);}
.owl-theme .owl-controls{ margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; position: absolute; bottom:0; width: 100%;}

#idxb_bt_prev,#rpi_bt_prev{ background:url(../img/pre_01.png) no-repeat center; width:38px; height:78px; position:absolute; top:45%; left:5%; z-index:1; cursor:pointer; transition:.2s; padding:0 20px;}
#idxb_bt_next,#rpi_bt_next{ background:url(../img/pre_02.png) no-repeat center; width:38px; height:78px; position:absolute; top:45%; right:5%; z-index:1; cursor:pointer; transition:.2s; padding:0 20px;}
#idxb_bt_prev:hover,#rpi_bt_prev:hover{ left:4%;}
#idxb_bt_next:hover,#rpi_bt_next:hover{ right:4%;}


/*內頁banner*/
#s_banner{ width:100%; display:block; position:fixed; z-index: 0; top: 0; margin-top: 88px;}
#s_banner img{ width:100%; transition:0s; }

/*影片*/
#idx_info{ width: 100%; float:left;}
#idx_info li{ width:31%; margin-right:3.5%; float: left; margin-bottom: 10px; }
#idx_info li:nth-child(3n){ margin-right: 0; }
#idx_info li .mV{ width: 100%; }

#idx_info .cover{ width:100%; height:80%; position:absolute; top:0; left:0; transition:.2s;}
#idx_info li .mV p.f22_black{ width: 100%; padding:25px 2%; background:#DCDDDD; float:left; font-size: 18px; font-weight: 100; color: #000; line-height:28px; clear: both;}
.f38_blue { width: 100%; float: left; font-size: 38px; color:#5D5D5D; text-align: center; clear: both; line-height: 44px; margin-bottom:20px;}
.tl{text-align: left;}

.mV{ width:100%; float:left; position: relative; }
/*.mV img{ width:100%;float: left; cursor:pointer;  }*/
.mV .back_pic{ background-size: cover; cursor:pointer; height:0; padding-bottom:56%;}


.mV .vOpen{ opacity:0; visibility: hidden;float: left;  position: absolute; background: url('../img/player.png') center no-repeat; width:100%; height:0; padding-bottom:59%; cursor:pointer; transition:.2s; }
.mV .vOpen:hover{ opacity:.8;}
.isvideo .mV .vOpen{ opacity: 1; visibility: visible; transform: scale(1); transition: .3s;}
.isvideo:hover .mV .vOpen{ transform: scale(1.1);}

#player{ overflow:hidden; visibility:hidden; opacity:0; width:100%; height:0; background:#000; background:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999; transition:.2s;}
#player.active{ visibility:visible; opacity:1; height:100%;}
#player iframe{ width:90%; height:80%; position:absolute; top:20%; left:5%; transition:.2s;}
#player.active iframe{ top:10%;}
#player span{ cursor:pointer; font-size:15px; color:#FFF; border:#FFF 1px solid; padding:8px;}
#player .vClose{ position:absolute; top:2%; right:5%; background:rgba(0,0,0,0.6);}

/*page*/
.pager { float:left; margin:3% auto; width:100%; text-align:center;}
.pager a{ display:inline-block; text-align:center; line-height:24px; font-size:15px; font-weight:bold; color:#4452a9; width:24px; margin:10px 0 10px 5px; transition:.3s;}
.pager a:hover,.pager a.current{ padding-bottom:8px; border-bottom:4px solid #3fc8f4; color:#3fc8f4; font-weight: bold; cursor:default;}

/*foot*/
#foot { position: relative; z-index: 1; background: #fff; padding:20px 0; clear: both;}
#footlogo{ float: left; display: inline-block; max-width: 200px; width:75%; }
#link_r{ float: right;}
.foot_r{ text-align: right;}
.foot_r li { display: inline-block; margin-right: 10px; font-size: 15px; color:#000; }
.foot_r li a{ display: inline-block; color: #000; cursor: pointer;} 
.foot_r li a:hover{ opacity: .6; }
.foot_r li::before{
  content: "";
  display: inline-block;
  width: 10px;
  height:10px;
  border-radius:40px; 
  background-color:#3FC8F4;
}
.footext{ /*color:#000;*/ font-size:12px; text-align:right;}

/********************************
  TECH ARTICLES + VIDEOS
********************************/
/*TECH right*/
.tech_title{font-size: 18px;clear: both;}
.triangle{margin-left: 2%;width: 0;height: 0;border-style: solid;border-width:8.5px 0 8.5px 13px;border-color: transparent transparent transparent #54c2f1;}
.p2{ padding: 2%; }
.p4{ padding: 4%; }
.tech_blueline{width:100%;clear: both;margin: 10px auto;height: 1px;border-bottom: 1px #005e96 dotted;}

.pdf_Box{ width:100%;}
.pdf_Box tr{ width: 100%;}
.pdf_Box tr td{line-height: 47px;}
.pdf_Box tr td img{display: inline-block;vertical-align: middle;margin-right: 13px;left: 0;position: absolute;}
.pdf_Box tr td p{ display: inline-block;padding-left: 69px;}
.pdf_Box tr td p a{ color:#000; font-size:18px;}
.pdf_Box tr td p a:hover{ color:#005e96;}


/**/
.Box_model{ width: 100%; clear: both; overflow:hidden;}
.fl_box{ width:45%; float: left; margin-right:5%;}
.fl_box p  { font-size: 18px; font-weight:100; color:#000;}
.fl_box p a{  font-size:18px; font-weight:100; color:#000;}
.fl_box p a:hover{ color:#005e96;}

.tech_video{ width:100%; clear:both;}
.tech_video iframe{}

/**/
.fl_w70_tech{ width:70%; float:left;  overflow:hidden; background: #fff; padding: 2%;}
.fl_w30_tech{ width:28%; float:right; overflow:hidden; background: #fff;}

.butonBox{ width:100%;float:left; border-bottom:1px solid #fff;  }
.butonBox li{ margin-left:10px; float: left; position: relative; left:6%; }
.butonBox li a{box-shadow: -3px 0px 3px #c1c1c1, 0 0 0 rgba(255, 255, 255, 0), 0 0px 0px rgba(255, 255, 255, 0), 3px 0 5px #bdbcbc;  padding:10px 30px; float: left; transform:skewX(-15deg); background:#fff;color:#000; transition: all .5s;}
.butonBox li+li a{ border-left: 1px solid #999; box-shadow: -3px 0px 3px #c1c1c1, 0 0 0 rgba(255, 255, 255, 0), 0 0px 0px rgba(255, 255, 255, 0), 3px 0 5px #bdbcbc;}
.butonBox li a:hover{}
.butonBox li a span{ display: inline-block; transform:skewX(15deg); font-size:25px;  font-weight: bold;}
.butonBox li a.current,.butonBox li a:hover{ background: #000; color: #fff; }
.butonBox li:nth-child(1)::before{
  content: "";
  display: inline-block;
  margin-left: -114px;
  background-color:#000;
  width:135px; height:65px;
  position: absolute; left:-10px; z-index: 1;
  /*width:122px; height:65px;
  position: absolute; left: 0; z-index: 1;*/


}
.butonBox li.before_hide:nth-child(1)::before{background:#fff; }
#infoBox{ width:100%;float:left; padding:0 0 20px 0;}

.fl_model{ width:20%; margin-right: 2%; float: left; border-right: 1px solid #008df2; padding-right:20px; display: flex; flex-wrap: wrap;}
.fl_model .imgBox{ width: 100%; text-align: center; position:relative;}
.fl_model .imgBox::before{ content:''; width:100%; height:100%; position:absolute; z-index:0; transform:scale(2);
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.fl_model .imgBox img{ width:90%; /*float: left;*/ position:relative; z-index:1;}
.fr_model{ width:75%; float: right; position:relative;}

/*product_list2.php_產品輪播*/
#pro_list_2{ width: 100%; float:left; display:flex; flex-wrap: wrap;}
#pro_list_2 li{width: 100%; /*width: 23.5%;*/ margin-top:4px; margin-right:2%; float: left; background:#fff; position: relative; border-radius:14px; box-shadow: 0px 0px 5px rgba(0,0,0,.3);}
#pro_list_2 li:nth-child(1n){ margin-left:4px; }
/* #pro_list_2 li:nth-child(4n){ margin-right: 0; } */
#pro_list_2 li a{ width:100%;  float:left; transition:all .5s; text-align: center; }
#pro_list_2 li a:hover{}
#pro_list_2 li a:hover .imgBox img{ transform: scale(1.1); transition:.9s; }
#pro_list_2 li a:hover .f22_black{ color: #666; }
#pro_list_2 li .imgBox{ width: 100%; position: relative; overflow: hidden; margin-bottom:5px;}
#pro_list_2 li .imgBox img{ width: 65%; display: inline-block;} 

#pro_list_2.is--noOwl li{ width:23.5%;}

#pro_prev{ background:url(../img/pre_01.png) no-repeat center; width:38px; height:78px; position:absolute; top:50%; left:-38px; z-index:1; cursor:pointer; transition:.2s; padding:0 20px; background-size: 80%; margin-top:-40px; }
#pro_next{ background:url(../img/pre_02.png) no-repeat center; width:38px; height:78px; position:absolute; top:50%; right:-38px; z-index:1; cursor:pointer; transition:.2s; padding:0 20px; background-size: 80%; margin-top:-40px; }
#pro_prev:hover{ left:-40px;}
#pro_next:hover{ right:-40px;}

.fr_model .owl-theme .owl-controls,
#pro_list .owl-controls{ position:relative;}


#technogy{ width:100%; margin:40px auto; display: flex; flex-wrap: wrap;align-items:top;  }
#technogy li{ width:31%; margin-right:3.5%; float: left; margin-bottom: 10px; }
#technogy li:nth-child(3n){ margin-right: 0; }

#technogy li a {}
#technogy li a:hover{ opacity:.9; /*background-color:#333;*/ }
#technogy li a .techBox{ width: 100%; overflow: hidden;}

/*#technogy li .techBox img{ width: 100%; float: left; }*/
#technogy li .techBox .back_pic{ background-size:cover; cursor:pointer; height:0; padding-bottom:56%;}

/*
#technogy li .techBox .tech_wrap{ width: 100%;padding: 25px 3%;background:#DCDDDD;clear: both;margin-top: 7px;overflow: hidden;text-align: left; float: left;}
#technogy li .techBox .tech_wrap h4.tech_h4{width: 100%;float:left;font-size: 24px;color: #000;line-height: 28px;margin-bottom: 10px; font-weight: 100;}
#technogy li .techBox .tech_wrap p.tech_p  {width: 100%;float:left;font-size: 16px;font-weight: 100;color: #000;line-height: 20px;}
*/

.tech_wrap{width: 100%;padding:30px 5%;background:#DCDDDD;clear: both;margin-top: 7px;overflow: hidden;text-align: left;float: left;}
.tech_wrap h4.tech_h4{width: 100%;float:left;font-size:24px;color: #000;line-height: 28px;margin-bottom: 10px;font-weight: 100;}
.tech_wrap p.tech_p  {width: 100%;float:left;font-size:16px;font-weight: 100;color: #000;line-height: 23px;}


/*Full white Paper按鈕*/
a.bt_full  { display:block; color:#fff; background:#005e96; font-size:16px; padding:6px 0; text-align:center; border-radius:5px; transition:.2s; border: 0; cursor:pointer; margin-top:10px; width: 130px;}
a.bt_full:hover{ background-color:#333;}

/*technogy_detail*/
.back{ display:inline-block; padding:4px 30px; margin-bottom:20px; background: gray; color: #fff; font-size: 15px; transition: all .5s; }
.back:hover{ opacity: .8; }
.f30_blue { width:100%; font-size:38px; color: #005E96; clear: both; line-height: 44px; margin-bottom: 10px;}
.f30_blue_line { width:100%; font-size:38px; color:#005E96; clear:both; line-height:44px; margin-bottom:10px; border-bottom:1px #005e96 dotted; padding-bottom: 10px;margin-bottom:20px;}

.techBox{ width:100%;}
.techBox img{ max-width: 100%; }

.bt_down{ background:rgb(54, 170, 208); color:#fff; font-size:16px;padding: 10px 40px;border-radius:5px;transition:.2s;border: 0; cursor: pointer;}
.bt:hover .bt_down{ background-position: 10% 50%; background-color:#333;}

/********************************
  ABOUT
********************************/
.w770{ max-width:700px; margin:30px auto; text-align: center; }
.f18_black{ font-size: 18px; color: #000; clear: both;}

#airplane{ width: 100%; float: left; margin-bottom:60px; }
#airplane li{ width: 50%; padding: 0 1%; float: left; text-align: center; }
#airplane li img{ max-width:238px; width:100%; margin:0 auto; }
#airplane li h4{ font-size:32px; color:#005E96; line-height:40px; margin-bottom: 10px;}
#airplane li p { font-size:16px; color:#000; line-height: 25px;}

/*GREEN*/
.w880{ max-width:900px; margin:30px auto; text-align: center; }
.l_pic,.r_pic{ width: 50%;float: left; }

/********************************
  PRODUCT
********************************/
#pro_list{ width: 100%; float:left; display:flex; flex-wrap: wrap;}
#pro_list li{ box-shadow: 0px 0px 5px rgba(0,0,0,.3); width: /*18.4*/ 100%;margin-top: 4px; margin-right:2%; margin-bottom: 10px; float: left; background:#fff; position: relative; border-radius: 14px; margin-top:4px;}
#pro_list li:nth-child(5n){ margin-right: 0;}
#pro_list li:nth-child(1n){ margin-left:4px;}

#pro_list.is--noOwl li{ width:18.4%;}

#pro_list .owl-item{ padding-right: 10px; }

#pro_list li a{ width:100%;  float:left; transition:all .5s; text-align: center; }
#pro_list li a:hover{color: #D8A300;}
#pro_list li a:hover .imgBox img{ transform: scale(1.1); transition:.9s; }
#pro_list li a:hover .f22_black{ color:#3fc8f4; }

#pro_list li .imgBox{ width: 100%; position: relative; overflow: hidden; padding: 2%;}
#pro_list li .imgBox img{ width:65%; margin: 0 auto;} 

#pro_list .pro_graybk  { min-height: 74px; padding:2%; background:#5D5D5D ; border-bottom-right-radius:14px; border-bottom-left-radius:14px; align-items: center; justify-content: center; flex-wrap: wrap; display: flex;}
#pro_list_2 .pro_graybk{ min-height: 74px; padding:2%; background:#5D5D5D ; border-bottom-right-radius:14px; border-bottom-left-radius:14px; align-items: center; justify-content: center; flex-wrap: wrap; display: flex;}
#pro_list_2 li a:hover .f22_black{ color:#3fc8f4; }

.video_name{text-align:center; background:#5D5D5D; font-size: 15px;color:#fff;display: inline-block; padding: 1px 3%; border-radius:50px; margin:0 auto; width:100%;}
.liblue{ background:#BFEFFF; }
.ligray{ background:#DBDBEA; }

.newIcon{ position: absolute;right: 0; top:0; margin-top:-4px; margin-right:-5px; margin-top: -4px;}
.newIcon img{width: 100%;}
.comingIcon{ position: absolute;right: 0; top:0; margin-top:-4px; margin-right:-5px; margin-top: -4px;}
.comingIcon img{width: 100%;}

.bBox{ position: absolute; left:10px; top:10px; z-index:1;}
.bBox b{ margin-right:2px; padding:0 8px; display:inline-block; color:#fff; font-size:13px; font-weight: bold; line-height:24px;  border-radius:40px;}

.f22_black{ font-size: 22px; font-weight:bolder; color:#fff; text-align: center; line-height:30px; clear: both; width:100%;}
/*.mp_blue,.mp_green,.mp_yellow{ padding:0 8px; display:inline-block; color:#fff; font-size:13px; font-weight: bold; line-height:24px;  border-radius:40px; position:absolute; left:10px; top:10px; z-index:1;}*/
.mp_blue  { background:#3FC8F4;}
.mp_green { background:#00D96D;}
.mp_yellow{ background:#FFD24D;}

.pro_name {font-size: 43px;color: #fff;line-height: 44px;clear: both;position: absolute;top: 25px;left: 8%;font-weight: bold;text-shadow: 3px 3px 2px #7d7a7a;font-family: 'Arial';}
.iconlist{/*max-width: 600px; width: 100%; */ height:120px; display: block; margin: 20px auto; }

/*產品特色圖*/
#iconBox_2{ width:100%; margin:0 auto 20px; display: flex; flex-wrap: wrap; vertical-align: top; justify-content: center; white-space:nowrap;  }
#iconBox_2 li{ height:120px; display: inline-block; /*margin-right:1%;*/ text-align: center; white-space:nowrap; }
#iconBox_2 li img{ max-width:73px; width: 100%; display: inline-block; }
#iconBox_2 li .textblue{ font-size:16px; color:#1574b9; display: block;line-height: 24px;}

.con_title { font-size:28px; line-height: 34px; margin: 10px 0;}
.contitle_2{ font-size:20px; color:#005e96; line-height: 22px; letter-spacing: -1px;}
.con_text{ margin-top: 15px; }
.con_text a.Emailink{ color:#000 ; }
.con_text a.Emailink:hover{ color:#005D9C ; }

.pro_d_title{ width:95%; max-width:990px; margin:0 auto; font-size:38px; color:#fff; clear: both; line-height: 55px; background:#B7CDEA; padding-left: 2%;}
.pro_d_sub_title{ width:100%; max-width:990px; margin:0 auto; font-size:28px; color:#fff; clear: both; line-height: 44px; background:#B7CDEA; padding-left: 1%;}

.zone{ width:95%; max-width:990px; margin: 0 auto; color: #333; font-size: 15px; background: #fff; padding: 2%;}
.zone img{ max-width: 100%; }
.zone table{ width: 100%; }
.zone table img{ max-width:1000px; }
.zone table thead th *{ float:left;}
.zone table th,.zone table td{ border-bottom:1px solid #fff; vertical-align:middle; }
.zone table thead th{ border-bottom:0; }
.zone table th{ font-weight: bold;}
.zone p{ font-size:14px; color: #000; display: block; line-height: 24px;}
.zone ul{ padding-left: 20px; }
.zone ul li{ list-style: disc; }
.zone a{ display: inline-block; }

/**/
.zone_2{ width:100%; max-width:100%; color: #333; font-size: 15px; background:#fff; }
.zone_2 img{ max-width: 100%; }
.zone_2 table{ width: 100%;   word-break: break-word;}
.zone_2 table img{ max-width:1000px; }
.zone_2 table thead th *{ float:left;}
.zone_2 table th,.zone_2 table td{ border-bottom:1px solid #fff; vertical-align:middle; }
.zone_2 table thead th{ border-bottom:0; }
.zone_2 table th{ font-weight: bold;}
.zone_2 p{ font-size:14px; color: #000; display: block; line-height: 24px;}
.zone_2 ul{ padding-left: 20px; }
.zone_2 ul li{ list-style: disc; }
.zone_2 a{ display: inline-block; }


/**/
.zone_3{ width:100%; max-width:100%; color: #333; font-size: 15px; background:#fff;   display: flex; flex-wrap: wrap; align-items: center;}
.zone_3 img{ max-width: 100%; }
.zone_3 table{ width: 100%;   word-break: break-word;}
.zone_3 table img{ max-width:1000px; }
.zone_3 table thead th *{ float:left;}
.zone_3 table th,.zone_3 table td{ border-bottom:1px solid #fff; vertical-align:middle; position: relative; }
.zone_3 table thead th{ border-bottom:0; }
.zone_3 table th{ font-weight: bold;}
.zone_3 p{ font-size:14px; color: #000; display: block; line-height: 24px;}
.zone_3 ul{ padding-left: 20px; }
.zone_3 ul li{ list-style: disc; }
.zone_3 a{ display: inline-block; }

/********************************
  SUPPORT_INQUIRY+FAQ
********************************/
/*詢價商品*/

.itemBox{ width: 100%; margin-top:40px; }
/*tableBox*/
.tableBox{ width:100%;}
.bk_blue{ width:100%; line-height:50px; color:#fff; font-size:18px; background:#005e96; font-weight:300;}

.tableBox tbody td{ padding:20px 0; border-bottom:1px solid #CCC; text-align:center; vertical-align:middle;}
.tableBox .s_4{ float:left; width:100%;}
.tableBox .s_4 a{ display:inline-block; width:100%;}
.tableBox i{ display:block; float:left; margin:0 30px 0 10px; width:200px; overflow:hidden; border:1px #ccc solid; box-sizing:border-box;}
.tableBox i img{float: left; width:100%;} 
.tableBox .txt{ display:inline-block; float:left; font-size:20px; color:#203547; text-align:left;}
.tableBox tbody select{}
.tableBox tbody .pd_qty{ padding-left:10px; width:135px; height:50px; box-shadow:inset 2px 2px 5px rgba(0,0,0,.05); border: 1px solid #ccc; background:#fff; font-size:18px; letter-spacing:1px; color:#333;}

.rwd_table{ width:100%;}
.rwd_table .label{ display:none; width:25%; padding-left:3%; font-size:16px; color:#000;}

.del{ display:block; width:50px; line-height:50px; text-align:center; margin:0 auto; font-size:20px; color:#fff; background:#3fc8f4; border-radius:4px; transition: all .5s;}
.del:hover{ color:#fff; background: #999;}


/*詢價表格*/
#DataForm{ width: 100%; margin:40px auto; float: left; padding-left: 2%; }
.flower{ display:inline-block; font-size:20px; color:#FF3419; margin:0 5px;}
.f_blue{ color:#005D9C; font-size:25px; margin-bottom: 10px; line-height: 30px; clear: both; }
.f_blue_mb0{ color:#005D9C; font-size:25px; line-height: 30px; clear: both; }

.f_no { color: #333; font-size:21px; line-height:20px; margin-top: 20px; margin-bottom: 10px;}
.clear { display:inline-block;}
.s_form_1{}
.s_form_1 li{ padding:5px 0;}
.s_form_1 li label{ display:block; width:150px; float:left; line-height:40px; font-size:20px; color:#333; text-align:right; margin-right:20px;}
.s_form_1 li input[type=text], .s_form_1 li input[type=password]{ width:40%; height:40px; padding:0 10px; box-shadow:2px 2px 5px rgba(0,0,0,.05) inset; border:1px solid #ccc; background:#fff;}
input, textarea, select{ background:#FDFDFD; border:1px solid #ddd; border-radius:2px; outline:none; padding:3px;}
.s_form_1 li textarea {width:70%; height:100px; padding:5px 10px; box-shadow:2px 2px 5px rgba(0,0,0,.05) inset; border:1px solid #ccc; background:#fff;}

#w50{ float:left; width:50%;}
#w100{ float:left; width:100%;}

#captcha{ float: left; }
#captcha_img{ float: left; margin-left: 10px; }
#captcha_img img{ float: left; }

.bt{float: none; width:100%; margin:40px auto; display: inline-block; text-align: center; clear: both; border: 0;}
.bt_more{ background:#005e96; display:inline-block; color:#fff; font-size:16px; line-height:38px; text-align:center; border-radius:5px; transition:.2s; border: 0; cursor:pointer; margin-top:10px; width: 130px;}
.bt:hover .bt_more{ background-position: 20% center; background-color:#333;}

.bt_more2{ background:#005e96; display:inline-block; color:#fff; font-size:16px; line-height:38px; text-align:center; border-radius:5px; transition:.2s; border: 0; cursor:pointer; margin-top:10px; width: 170px;}
.bt:hover .bt_more2{ background-position: 20% center; background-color:#333;}

/********************************
  FAQ
********************************/
.tag_wrap{ width: 100%; margin-top: 40px; text-align: center; clear: both; margin-bottom:20px;}
.tag_wrap a{ display: inline-block;margin: 10px 0 10px 5px; padding: 0 10px; text-align: center ;line-height: 33px; border: 1px solid #005e96;cursor: pointer; font-weight:bolder; background:none; font-size: 15px;color: #005e96; background: #fff; transition: all.5s;}
.tag_wrap a:hover, .tag_wrap a.current { background: #005e96;color: #fff; border:1px solid #005e96;}

.faqBox{ width: 100%; margin-bottom:40px;}
.faqBox li{ margin-bottom: 20px; border-bottom: 1px dotted #005E96; padding-bottom:20px; }
.f28_blue{ font-size:16px; color:#000; line-height:25px; margin-bottom: 5px; font-weight:100;}
.f28_blue:hover{ color: #005d9c; }
.f16_gray{ font-size:16px; color:#000; line-height: 25px;}

/*selectbox*/
.selectbox{ width: 100%; background:#fff; padding: 2%; /*margin: 20px 0;*/}

.selectbox form { width: 100%; margin-bottom: 10px;
  border: 1px solid transparent; border-radius:4px; 
  webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05); 

  box-shadow: 1px 0px 7px rgba(0,0,0,0.2);
  padding-bottom: 20px;
  box-sizing: border-box;
  padding: 2%;
}

.selectbox form .selSame{ width:28%; height:30px; margin:10px 2% 0 0;  padding: 0 10px; box-shadow: 2px 2px 5px rgba(0,0,0,.05) inset;
    border: 1px solid #ccc; background: #EEE; font-size: 17px;color:#999; font-family: Arial,'微軟正黑體';}
input.fullText{ height:30px; background:#FDFDFD; border:1px solid #ddd; border-radius:2px; outline:none; padding:3px;}
.bt_more:hover{background-position: 10% 50%; background-color:#333;}


/*下半部*/
.MostBox{ padding: 2%; }

#topten{ width:100%; padding-left: 15px; font-weight: bold;}
#topten li{list-style-type:decimal; line-height:26px;}
#topten li a{ font-size: 16px; color:#000; line-height: 25px; font-weight:100; }
#topten li a:hover{ color:#005d9c;}
.f14_black{ display: block; width: 100%; font-size:14px; color:#000; line-height: 24px; }

a.bt_back  { background:url('../img/6x9.png') 25% center no-repeat #005e96;display:block; color:#fff; font-size:16px; padding:6px 0; text-align:center; border-radius:5px; transition:.2s; border: 0; cursor:pointer; margin-top:10px; width: 130px;}
a.bt_back:hover{ background-position: 20% center;background-color:#333;}

.pb_line {border-bottom:1px #005e96 dotted; padding-bottom: 10px;}


/*浮在右邊*/
.flrWrap{ width:100%; overflow: hidden; position: relative; padding: 20px 0; height:100%; }

.fl_w70{ width:70%; float:left;  overflow:hidden; /*position:static; height:auto;*/}
.fr_w30{ width:28%; float:right; overflow:hidden; background: #fff;/*margin-top:20px;*//*background: #fff;*/ height: 100%;}
.is_stuck{ margin-top:120px; }

.blueline{ background:#005D9C; color:#fff;font-size:25px; line-height: 38px;clear: both;text-indent: 13px;letter-spacing: 3px;}
.tenBox{ width: 100%; height:100%;overflow-y:scroll; background: #fff;}
.tenBox li{ display:block;line-height:20px; border-bottom: 1px #e2e1e1 dotted;}
.tenBox li a{color:#000;padding:4%; background: #fff; font-size:18px; line-height: 24px;}
.tenBox li a:hover{ color: #005e96; }

.sidebar{ overflow:hidden; height:100%;}



/********************************
  NEWS
********************************/

#news_list{ width:90%; max-width:1590px; margin:0 auto; padding:2% 0; clear:both;}
#news_list ul{ width:100%; float:left;}
#news_list li{ width:31.66%;background: #fff;float:left; margin-bottom:2%; border-bottom:2px solid #ccc;transition:.3s;}
#news_list li:hover{ opacity:.9;}
#news_list li img{ width:100%; transition:.2s;}
#news_list .txt{ padding:5% 8% 15%; line-height:1.8;}
#news_list li h3{ font-size:20px;font-weight:bold; color: #005e96; line-height: 26px;}
#news_list li time{ color: #8c8b8b;font-size:14px;text-align:center;display:block;margin:10px 0;}
#news_list li.gutter-sizer{ width:2%;}
#news_list li p{ font-size:15px;color: #403f3f;line-height: 22px; word-break: break-word;}

.readmore{ text-align: center;margin-top: 30px; padding:5px; font-size:16px; font-weight:bold;transition:.2s;color: #005e96;background: #005e96;border:1px solid #4452A9;box-sizing:border-box;color: #fff;}
.readmore:hover{ background: #3fc8f4;border: 1px solid #3fc8f4; box-sizing:border-box;color:#fff;}

#news_list li .img{ display:block; width:100%; overflow:hidden;}
#news_list li a img{ transform:scale(1); transition:4s;}
#news_list li a:hover img{ transform:scale(1.1); transition:2s;}


/*NEWS-DETAILS*/
.f12_gray { color:#797979; line-height:1; font-size:20px;}

.head_new{ display:block; width:100%; margin-bottom:30px;}
.head_new .line{ border-bottom:#005e96 solid 2px; width:50px; margin-top:10px;}

.other_article{ margin-top:5%; border-bottom:1px solid #ddd; overflow:hidden; width:100%;}
.other_article li{ border-top:1px solid #ddd; font-size:15px; float:left;width:100%; line-height:32px; padding:10px 0;}
.other_article li .label{ font-size:18px; background:#f0f0f0; float:left;width:80px; text-align:center; margin-right:2%;}
.other_article li a{ float:left; color: #005e96;}
.other_article li a:hover{ color: gray; }

.ck_zone{ clear:both; font-size:15px;}
.ck_zone h2,.ck_zone h3,.ck_zone h4,.ck_zone h5{ font-size:24px; font-weight:normal; color:#000;}
.ck_zone img{ max-width:100%; height:auto !important;}
.ck_zone ul{}
.ck_zone ul li{ list-style:disc; margin-left: 25px;}
.ck_zone ol li{ list-style:decimal-leading-zero; margin-left: 25px;}

/*download*/
.down_title { display: block; color: #3fc8f4; font-size: 1.8rem; margin-top: 20px;}
.pro_leftbox{ font-size:15px; line-height:22px; float:left; width:100%;}
.dow_box{ display:inline-block; margin-right:10px; margin-bottom:20px; color:#FFF; font-size:14px; font-weight:bolder; background:#3fc8f4; padding:6px 14px;}
.dow_box:hover{ color:#FFF; background:#8A8A90;}

/********************************
  CONTACT
********************************/
#iconBox{ width:100%; margin:20px auto; padding-bottom:17px; /*border-bottom: 1px dotted #999;*/ display: table-cell; display: flex; flex-wrap: wrap;justify-content: center;}
#iconBox li{ width: 31.65%; float:left;/* margin-right:2%;*/ margin-right: 7%; text-align: left; background: #fff; box-shadow: 6px 7px 15px rgba(0,0,0,.2); min-height: 550px\9;}
#iconBox li:last-child{margin-right: 0;}
#iconBox li img{ width: 100%; display: block; margin: 0 auto;}
#iconBox li .txt{ padding: 40px 10%; }
#iconBox li p{ font-size: 17px; color:#000; line-height: 24px; }

.f15_black{ font-size:20px; color: #000; line-height: 30px;  }
.f_bluee{ font-size: 16px; color:#005D9C; font-weight: bold;}

/*map*/
#mapBox{ width: 100%; }
#map{ width:100%; height:400px;/*height:0; padding-bottom:450px;*/background:#C9F;}

/**/
#country,.drop{ width:70%; height:40px; padding:0 10px; box-shadow:2px 2px 5px rgba(0,0,0,.05) inset; border:1px solid #ccc;/* background:#EEE;*/ font-size:17px; color:#999;}

/********************************
  SITEMAP
********************************/
#sitemapBox{ width: 48%; margin: 40px 2% 40px 0; float: left; border-right: 1px solid #fff; }

#sitemapBox>li{display: inline-block;vertical-align: top;float: left;}
#sitemapBox>li h2{ font-size:20px; font-weight: bold; color:#000;}
#sitemapBox>li>a:hover{ color:gray; text-decoration: underline;}

/**/
#sitemapBox2{ width: 50%; margin: 40px 0; float: left; }
#sitemapBox2>li{ margin-right:30px; display: inline-block; vertical-align:top; float:left; margin-bottom: 30px;}
#sitemapBox2>li h2{ font-size:20px; font-weight: bold; color:#000;}
#sitemapBox2>li>a:hover{ color: gray; }

#sitemapBox2>li>.third_2{ width: 100%; }
#sitemapBox2>li>.third_2 li{ display:block; }
#sitemapBox2>li>.third_2 li a{ font-size:16px; color: gray; }
#sitemapBox2>li>.third_2 li a:hover{color: #000;}

/**/
#sitemapBox li>header{ font-size:18px; color: #333; font-weight: bold;}

#sitemapBox li>.third{ width: 100%; }
#sitemapBox li>.third>li{ display: block; line-height:25px; }
#sitemapBox li>.third>li>a>h3  { font-size:16px; color:gray; font-weight: normal;}
#sitemapBox li>.third>li>a{ color: gray; } 
#sitemapBox li>.third>li>a>span{ font-size:14px; color:gray;  }
#sitemapBox li>.third>li>a:hover>span{ color: #000; text-decoration: underline;}

#sitemapBox li>ul{float: left; margin-right: 30px; margin-bottom: 10px;}
#sitemapBox li>ul>li{}
#sitemapBox li>ul>li>a{}
#sitemapBox li>ul>li>a:hover{}

/********************************
  手機板
********************************/
/*手機 大圖*/
#_m_banner{  display:none; float:left; width:100%; height:0; overflow:hidden; position: fixed; padding-top: 50px;}
#_m_banner img{ width:100%;}

/*回到最上面*/
#top_control{ position:fixed; right:3%; bottom:-10%; z-index:999; transition:.3s;}/*先在下方-10%*/
#top_control.active{ bottom:2%;}/*執行active 會從下方的-10%來到2%*/
#top_control a{ display:block; transition:.2s; position:relative; top:0;}/*這邊的top 0 點選這按鈕會微微的 往上小跳一下*/
#top_control a:hover{ top:-8px; opacity:.9;}/*從top0 跳到top-8*/ 
#top_control img{ width:100%;}

/*手機選單大區塊*/
#_m_header{ display:none; width:100%; height:50px; background:#fff; position:fixed; z-index:2; transition:1s; }
#_m_header a{ } 
#m_logo{ width:160px; margin-top: 10px; max-width: 100%; }
#m_logo .logo{ width:100%; max-width:280px; transition:.5s; }

/*手機快速選單區塊*/
#m_quick{ display:none; float:right; margin:19px 40px 0 0;/*position:absolute; top:29%; right:11%; z-index:1;*/ max-width:100%; width:135px;}

.lv1{ width:100%; display:flex; flex-wrap:wrap; position:relative;}
.lv1 li{ float:left;margin-right:18px; position: relative;}
.lv1 li:last-child{ margin-right:0;}

.lv1 li a i{ display:inline-block; background:url(../img/25x24.png) no-repeat; width:25px; height:24px; vertical-align:middle; transition:.5s;}
.lv1 li a i:hover{ transition:.3s;}
.lv1 li a span{ display:none;}
.lv1 li a .pop_num{ top:-5px; right:-7px;}

.lv1 li a i.i1{ background-position:0 0;}
.lv1 li a i.i2{ background-position:-25px 0;}
.lv1 li a i.i3{ background-position:-50px 0;}
.lv1 li a:hover i.i1{ background-position:0 -24px;}
.lv1 li a:hover i.i2{ background-position:-25px -24px;}
.lv1 li a:hover i.i3{ background-position:-50px -24px;}

/*手機選單 第一層(父)*/
#_m_top{ display: none; position:fixed;top:50px;left:0; width:100%; line-height:35px; font-size:16px; z-index: 9; background: rgba(0,0,0,.5); overflow: auto; -webkit-overflow-scrolling: touch;}
#_m_top.active{ height:100%;}
#_m_nav{ opacity:0; visibility: hidden; transition:0s; display: block; width:100%; position: absolute; top: 0px; left:0px; z-index: 999;}
#_m_nav.active{ opacity:1; visibility:visible; top:0px; transition:0s;}

#_m_nav>ul{}
#_m_nav.active>ul>li{ transform:scale(1) translateX(0) rotate(0); opacity:1; }

#_m_nav>ul>li{ display:block; border-bottom:#fff 1px solid; opacity:0; transform:scale(.5) translateY(50%) rotate(5deg); transition:0; }
#_m_nav>ul>li>a{ padding:2px 8%; font-size:16px; color:#fff; display:block; transition:.3s; background:#000;}
/*#_m_nav>ul>li>a:hover{ opacity:.8; background:#000;}*/


/*手機選單 第2層*/
._m_lv2{ max-height:0; opacity:0; visibility: hidden; transition:0s; display: block; width:100%;}
._m_lv2.active{ opacity:1; visibility:visible; top:0px; transition:0s; max-height:1000px;}

._m_lv2>li{}
._m_lv2>li>a{ padding:2px 10%; font-size:15px; background:#999; color:#fff; display:block; transition:.3s; }
/*._m_lv2>li>a:hover{background:#999;}*/


/*手機選單 第3層*/
._m_lv3{ max-height:0; opacity:0; visibility: hidden; transition:0s; display: block; width:100%; }
._m_lv3.active{ opacity:1; visibility:visible; max-height:1000px; transition:0s;}

._m_lv3>li{ line-height:28px;}
._m_lv3>li>a{ padding:2px 11%; font-size:15px; background:#fff; color:#000; display:block; transition:.3s;}
._m_lv3>li>a:hover{}

/*._m_lv3>li:hover a{ background:#eee;}*/
._m_lv3>li>a h3  { font-size: 16px; color:#005e96;}
._m_lv3>li>a span{ font-size: 14px; color:#000;}
._m_lv3>li>a span b{ padding: 0 6px; margin-left:5px; display: inline-block; color:#fff; font-size:10px; line-height:18px; background:#A3D900; border-radius:40px;}


/*手機選單開關鈕*/
#c-hamburger {
  display: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 85px;
  height: 96px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  
  position:fixed; top:-22px; right:-15px; z-index:3;
  transform: scale(.5);

}

#c-hamburger:focus {
  outline: none;
}
#c-hamburger span {
  display: block;
  position: absolute;
  top: 44px;
  left: 18px;
  right: 18px;
  height: 4px;
  background: #1d2087;
}

#c-hamburger span::before,
#c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height:4px;
  background-color: #1d2087;
  content: "";
}

#c-hamburger span::before {
  top: -20px;
}

#c-hamburger span::after {
  bottom: -20px;
}
#c-hamburger {
  background-color:#fff;
}

#c-hamburger span {
  transition: background 0s 0.3s;
}

#c-hamburger span::before,
#c-hamburger span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

#c-hamburger span::before {
  transition-property: top, transform;
}

#c-hamburger span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
#c-hamburger.active {
  /*background-color: #cb0032;*/
}

#c-hamburger.active span {
  background: none;
}

#c-hamburger.active span::before {
  top: 0;
  transform: rotate(45deg);
}

#c-hamburger.active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

#c-hamburger.active span::before,
#c-hamburger.active span::after {
  transition-delay: 0s, 0.3s;
}

/********************************
  RWD
********************************/
@media screen and (max-width: 1400px){
	 .pro_name{ font-size:30px;}
}
@media screen and (max-width: 1300px){
	#pro_list.is--noOwl li{ width:24.5%;}
	#pro_list_2.is--noOwl li{ width:32.5%;}
}
@media screen and (max-width: 1000px){
  #pro_list{ text-align: center; }
  /*#pro_list li{ width: 32%;}*/
  /*#pro_list li:nth-child(3n){ margin-right: 0; }*/
  #pro_next{background-size:50%;} 
  #w50{ width:100%;}

}
@media screen and (max-width: 980px){
	
	#pro_prev{ height:30px; margin-top:-15px;}
	#pro_next{ height:30px; margin-top:-15px;}
  
}

@media screen and (max-width: 950px){
  .padTop{ padding-top: 50%;}
}
@media screen and (max-width: 900px){
  #lv1>li{ margin-right: 10px;}
}
@media screen and (max-width: 880px){
  .fl_model{ width: 30%; }
  .fr_model{ width: 65%; }
  #pro_list.is--noOwl li{ width: 32.5%; }
  #pro_list_2.is--noOwl li{ width:49%;}
  
  .zone_2 table img{ width: 100%!important; max-width: 100%!important; height: auto!important;}
  .fl_w70,.fl_w70_tech { width:100%;}
  .fr_w30,.fl_w30_tech { width:100%; float: left; margin-top: 20px;}
  .tenBox { height:auto; margin-bottom: 20px; overflow-y:hidden;}
  .tenBox li a{ padding: 2%; }
}
@media screen and (max-width: 850px){
  .iconlist{ height: auto; width: 100%; max-width: 600px; }
  #iconBox li{ width: 100%;margin-right: 0; margin-bottom:20px;}
}
@media screen and (max-width: 800px){
  #idx_info li,#technogy li{ width: 49%; margin-right:2%;}
  #idx_info li:nth-child(2n),#technogy li:nth-child(2n){ margin-right: 0; }
  #idx_info li:nth-child(3n),#technogy li:nth-child(3n){ margin-right: 2%; }
  #idx_info li:last-child,#technogy li:last-child{ margin-right: 0; }
  
  /*NEWS*/
  #news_list li{ width: 49%; }
}
@media screen and (max-width: 770px){
  .rwd_table thead{ display:none;}
  .rwd_table .label{ display:inline-block; float:left;} 
  .rwd_table td{ width:100%; box-sizing:border-box; float:left; clear:left; }
  .rwd_table tr td:first-child{ padding-top:10px;}
  .rwd_table tr td:last-child{ border-bottom:1px solid #bbb;} 
  .del{ float:left; }
  ._m_s_h2{ display:block;}
  ._m_hide_1{ display:none;}
  ._m_cart_tb_1{ display:block;}
  .tableBox{ background:#f1f1f1;}
  .tableBox tr:nth-child(2n){ background: rgba(255, 255, 255, .5);}
  .tableBox tbody td{ text-align:left;}
  .tableBox i{ margin:0 10px 0 0;}
  .tableBox .s_4{width:70%;}
}
@media screen and (max-width: 750px){
}
@media screen and (max-width: 700px){
  
}
@media screen and (max-width: 740px){
  /*首頁header消失*/
  #g_header {display:none;}
  
  /*手機選單出現*/
  #_m_header{ display:block; float:left; box-shadow: 0 0 10px rgba(0,0,0,.2);}
  #_m_top{ display:block; float:left;} 
  #m_quick{ display:block;}
  #c-hamburger{ display:block;}
  #m_language{ display:block;}
  #g_nav{ display:none;}

  
  .pro_name{ font-size:5vw; top:0; left:10px;}
  #banner_d .pro_name{ top:8px; }

  #banner{ margin-top: 50px; }
  #s_banner{ margin-top: 50px; }
  #banner_d{ margin-top: 50px; }
	
  #iconBox_2 li{ width: 50px; height: 80px;}
  #iconBox_2 li .textblue{ font-size: 12px; line-height: 1; }
  #banner_d .pro_name{ line-height: 1; }
  #idx_banner_pro img{ width: 80%; }
}

@media screen and (max-width: 730px){
.butonBox{ background:none; border-bottom: 1px solid #fff;}
.butonBox li{  left:0; float: none; display: inline-block;}
.butonBox li a{ padding:5px 15px; transform:skewX(0deg); background:#fff; color:#000; margin: 10px;}
.butonBox li+li a{ border-left: none;}
.butonBox li a span{ transform:skewX(0deg); font-size:15px;}
.butonBox li a.current,.butonBox li a:hover{ background: #000; color: #fff; }
.butonBox li:nth-child(1)::before{display: none;}
.butonBox li.before_hide:nth-child(1)::before{ display: none;}



}
@media screen and (max-width: 660px) {
  /*inquiry*/
  #w50{ width: 100%; }
  .s_form_1 li input[type=text], .s_form_1 li input[type=password]{width: 100%;}
  .s_form_1 li textarea{ width: 100%; }
  #country, .drop{ width: 100%; }
  #captcha_img{ margin-left: 0;}

  .s_form_1 li label{ text-align: left; }
}
@media screen and (max-width: 650px) {
  .fl_model{ width: 40%; }
  .fr_model{ width: 58%; }

  


}
@media screen and (max-width: 622px){
  .imgBox{ width: 100%; }
  .imgBox img{ width: 100%; }
}
@media screen and (max-width: 600px){
  #airplane li{ width: 100%; padding: 0; margin-bottom: 20px; }
  .l_pic,.r_pic{width: 100%;}
  /*NEWS*/
  #news_list li{ width: 100%; margin-right: 0; }
  #pro_list.is--noOwl li{ width:49%;}
  #pro_list_2.is--noOwl li{ width:100%;}
  
  .zone table{ width: 90% !important; margin: 0 auto; }
  .zone table img{ vertical-align: middle; }
  .zone table td{ border-bottom:1px solid #fff; width:50% !important; text-align:left; float:left; display: block; height:80px; line-height: 80px;}
  .zone table th{ border-bottom:none; background: #eee !important; width:100% !important; text-align:left; font-size: 17px !important; padding: 15px 10px; text-align: left !important; float: left;}
  .zone table tbody th{ padding: 15px 0 0 0; }
  .zone table th span{ background: #eee; font-size: 17px !important; text-align: left;}
  .zone table tr{ width: 100%; margin:0; display:block; float:left;}
  .zone table td.td_plus{ width: 100% !important;display:block;height: 40px;line-height: 40px; }
  
  .zone table thead th,
  .zone table thead th span{ background:rgb(183, 205, 234) !important;}
  .zone table td:empty{ display: none; }
  .zone table{ border-collapse:separate; empty-cells: hide;}

}

@media screen and (max-width: 550px) {

  /*手機版圖*/
  #_m_banner{ display:block; height:auto;}
  #banner{ display:none;}
  #idx_banner{ display:none; height:0; overflow:hidden;}  
  #idxb_bt_prev,#rpi_bt_prev,#idxb_bt_next,#rpi_bt_next{ display:none;}

  /*內頁大圖*/
  #s_banner{ margin-top: -22px; position: absolute;}
  
  /*#banner_d { margin-top: 50px; }*/

  /*#pro_list li{ width: 49%; }
  #pro_list li:nth-child(3n){ margin-right: 2%; }
  #pro_list li:nth-child(2n){ margin-right: 0; }*/
  .con_title { font-size: 26px; letter-spacing: -1px;}
}
@media screen and (max-width: 500px){
  #idx_info li,#technogy li{ width: 100%; margin-right: 0; }

  .con_title { font-size: 24px;}
  .pro_d_sub_title{ font-size:20px; padding-left:2%;}
}
@media screen and (max-width: 480px){
  .selectbox form .selSame{ width:100%;}
	.butonBox li a{ padding:5px 10px; margin: 0px;}
	.butonBox li a span{ font-size:15px;}

}
@media screen and (max-width: 450px){
  #footlogo{ float:none; display:block; margin: 10px auto; }
  #link_r{float: left;}
  .foot_r{text-align:center;}
  /*.butonBox li a span{ font-size:20px; }*/
  /*#pro_list li{ width:100%; margin-right: 0; margin-bottom: 10%;}
  #pro_list li:nth-child(3n){ margin-right:0; }*/

  #pro_list.is--noOwl li{ width:100%;}

  .fl_model {width: 100%; border-right:0; border-bottom: 1px solid #008df2; padding-left: 0; padding-bottom:10px; margin-bottom:20px;}
  .fr_model {width: 100%;}
  /*.butonBox li:nth-child(1)::before{ height:56px;}*/
  
  #pro_next,#pro_prev{ display:none;}
  .fl_model .imgBox::before { transform: scale(1);}

	#idx_banner_pro img{ width: 100%; }
  #idx_banner_pro{ padding:10% 0; }

  .f15_black{ font-size: 17px; }
  .f_blue{ font-size: 20px; }


}
@media screen and (max-width: 410px){
}
@media screen and (max-width: 380px){
  /*.butonBox li a span{ font-size: 15px; font-weight: 100; }
  .butonBox li:nth-child(1)::before{ height:47px;}*/
}
@media screen and (max-width: 340px){
  #sitemapBox li>ul,#sitemapBox2>li{ margin-right: 20px; }
}