/*-----------------------------------------------------------------------------
	-	網站主體樣式設計 -
author:		  英創達網路有限公司
email:     	web@e-creative.tw
website:   	http://e-creative.tw
-----------------------------------------------------------------------------*/
@import url("reset.css");/*清除樣式*/
@import url("default.css");/*預設樣式*/
@import url("global.css");/*網站整體通用樣式設計  內頁通用樣式*/
/* ---------------------------------------------------------------- */
/*
/*	 1. 頁面版型配置 Layout
/*	 2. 版區塊 footer
/*	 3. 版區塊 header
/*	 4. 首頁 home
/*	 5. 內頁
/*
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/*	 1. 頁面版型配置 Layout
/* ---------------------------------------------------------------- */
#wrapper {
  margin-right: auto;
  margin-left: auto;
  width: 1200px;
}




/* ---------------------------------------------------------------- */
/*	 3. 版區塊 header
/* ---------------------------------------------------------------- */
/* logo ---------------------------*/
#header {
  background-image: url(images/bg2.jpg);
  background-repeat: repeat-x;
  background-position: center top;
  margin-top: 0px;
  padding-top: 0px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
}

#header .container {
  position: relative;
  height: 120px;
}

#header .logo {
  background-image: url(images/logo.png);
  height: 62px;
  width: 367px;
  display: block;
  position: absolute;
  left: 0px;
  top: 40px;
  background-repeat: no-repeat;
}

#header .logo h1 {
  margin: 0px;
  padding: 0px;
}

/* 全球據點 聯絡我們 ---------------------------*/
#header #top-Menu {
  position: absolute;
  text-align: center;
  top: 38px;
  right: 20px;
  font-size: 12px;
}
#header #top-Menu li {
  background-image: url(images/icon/menu_icon.jpg);
  background-repeat: no-repeat;
  background-position: left center; }
#header #top-Menu li a {
  text-decoration: none;
  color: #7e8b9e;
  margin-right: 20px;
  background-image: url(images/top-Menu-li.png);
  background-repeat: no-repeat;
  padding-left: 10px;
  display: inline-block;
  background-position: left center;
}

/* 選單 *******//*選單選取設定 重要*/
#header #top-Menu li a:hover,
#header #top-Menu li.select a{
  color: #C00;
}

/*選單選取設定 重要*/
 {
  color: #C00;
}

/*語言選單---------------------------*/
#navLen{
  position: absolute;
  top: 36px;
  right: 10px;
  z-index: 999;
  background-image: url(images/icon/ion02.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 95px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #999;
  background-position: right center;
}
#navLen li {
}
#navLen li a{
  text-decoration: none;
  color: #4b4b4b;
  font-size: 12px;
  display: block;
  height: 23px;
  padding-left: 12px;
  width: 90px;
  text-transform: uppercase;
}
#navLen li .subMain {
  position: absolute;
  top: 26px;
  right: 0px;
  z-index: 999;
  width: 100%;
  display: none;
}
#navLen li .subMain li{
  display: block;
  width: 90px;
  margin: 0px;
  padding: 0px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #333;
}
#navLen li .subMain a {
  display: block;
  width: 82px;
  color: #666;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #E6E6E6;
  text-align: center;
  padding-left: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#navLen li .subMain a:hover{
  color: #fff;
  background-color: #393939;
}


/*主 選單 ---------------------------*/
#header #main-menu {
  position: absolute;
  right: 0px;
  font-size: 15px;
  top: 79px;
  adding-bottom: 12px;
}


#header #main-menu .main-item .main-item-a {
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  padding-top: 3px;
  padding-right: 23px;
  padding-bottom: 3px;
  padding-left: 23px;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #dddddd;
  }

#header #main-menu .main-item .main-item-a:hover {
  color: #F00;
  font-size: 15px;
  font-weight: bold;
}





#header .menuMovement {
  position: relative;
}

#header .menuMovement li {
  display: inline-block;
}

#header .menuMovement li a {
  position: relative;
  z-index: 200;
  display: block;
  text-decoration: none;
  color: #000;
}

#header .menuMovement li a:hover {
  color: #ea0437;
}

#header .menuMovement .curren a {
  color: #ea0437 !important;
}




/* ---------------------------------------------------------------- */
/*	 4. 首頁 home
/* ---------------------------------------------------------------- */

/*--------banner-------------------*/
#slidebg {
  width:100%;
  height:450px;
  float:left;
  position:relative
}
#slide {
  display:block;
   width:100%;
   height:510px;
   list-style:none;
   padding:0;
   margin:0;
   position:relative
}
#slide li {
  display: block;
  width: 100%;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  background-image: url(style/images/banner/index_banner01.jpg);
}
#slide li a {
  display:block;
  width:100%;
  height:100%;
  text-indent:-9999px
}
#slidedot {
  display:block;
  list-style:none;
  position:absolute;
  left:48%;
  top:400px;
  z-index:9900;
  padding:5px 15px 5px 0;
  margin:0;  }
/*#slidedot {
  display:block;
  list-style:none;
  position:absolute;
  left:35%;
  top:400px;
  z-index:9900;
  padding:5px 15px 5px 0;
  margin:0
}*/

#slidedot li {
  display:block;
  list-style:none;
  width:12px;
  height:12px;
  float:left;
  margin-left:15px;
  border-radius:7px;
  background:#FFF
}
#slidedot li a {
  display:block;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  text-indent:-9999px;
}
#slidedot li.currentdot {
  background-color: #EA0437;
}

/* 中間文字 *******/
#txt { background-color: #0047b6;}
#txt .container{
  padding-top: 20px;
  padding-bottom: 20px;
  color: #FFF;
  padding-right: 8px;
  padding-left: 8px;
  width: 964px;
  font-size: 12px;
  letter-spacing:0px;
}


/*收尋*/
#home .search h2{
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

#home #indexSearch {
  position: relative;
}
#home #indexSearch a{
  position: absolute;
  right: 20px;
  bottom:15px;
  color:#FFF;
  padding-top: 3px;
  padding-bottom: 3px;
  line-height:24px;
  }


/*GO TOP*/
#abgne_float_ad {
  display: none;
  position: absolute; }

#abgne_float_ad img {
	border: none;
}

div.bigDiv {
	height: 3000px;
}

/* 最新消息 ---------------------------*/

#box {
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
}

#indexNew {
  width: 580px;
}

#indexNew .img{
  padding-right: 12px;
  float: left;
  line-height: 100px !important;
  width: 200px;
}

#indexNew img:hover {
	/*圖片半透明*/opacity:0.7;
	filter:alpha(opacity=70);
	cursor:pointer;
}

#indexNew time {
  font-size: 11px;
  color: #F00;
  line-height: 2em;
}

#indexNew p a {
  overflow: hidden;
  height: 40px;
  text-decoration: none;
}
#indexNew p a:hover {
text-decoration: underline;
  }

#indexNew h3 {
  overflow: hidden;
  height: 25px;
}
#home h2 a {
  font-size: 12px;
  text-decoration: none;
  margin-left: 20px;
  color: #ea0437;
}
#indexNew h2 a:hover {
	color: #000;
}


/* 相關連結 ---------------------------*/
#productLink {
  background-color: #ffffff;
  height: 210px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCC;
}
#productLink h2 {
  line-height: 3em;
  font-size: 16px;
}


#home-linkAd {
  position: relative;
  height: 110px;
  width: 100%;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

#home-linkAd a.abtn {
  display: block;
  height: 100px;
  width: 31px;
  overflow: hidden;
  position: absolute;
  top: 0px;
}

#home-linkAd a.aleft {
  left: -40px;
  background-image: url(images/link_btn_l.png);
  background-repeat: no-repeat;
  background-position: 0px 50px;
}
#home-linkAd a.abtn:hover{
  /*圖片半透明*/opacity:0.7;
	filter:alpha(opacity=70);
	cursor:pointer;
}
#home-linkAd a.agrayleft {
  cursor: default;
  background-position: 0px 50px;
}

#home-linkAd a.aright {
  background-position: 0px 50px;
  right: -40px;
  background-image: url(images/link_btn_r.png);
  background-repeat: no-repeat;
}

#home-linkAd a.agrayright {
  cursor: default;
  background-position: -51px 50%;
}

#home-linkAd  .imglist_w {
  height: 140px;
  overflow: hidden;
  position: relative; /*必要元素*/
  margin-right: 0px;
  margin-left: 0px;
}

/*ul 別動到*/
#home-linkAd  .imglist_w ul {
  width: 20000px;
  position: absolute;
  left: 0px; top: 0px;
}

#home-linkAd  .imglist_w li {
  width: 120px; float: left;
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  background-image: url(images/link01.png);
  background-repeat: no-repeat;
  background-position: 20px 0px;
  height: 140px;
}
#home-linkAd  .imglist_w li:hover {
  background-position: 20px -180px;
}

#home-linkAd  .imglist_w li p {
  line-height: 3em;
  color: #222222;
  font-weight: bold;
  font-size: 14px;
}
#home-linkAd  .imglist_w li.img{
  line-height: 110px !important;
}
#home-linkAd  .imglist_w li.img a{
    display: block;
}


/* ---------------------------------------------------------------- */
/*	 4. 版區塊 footer
/* ---------------------------------------------------------------- */
#footer {
  position: relative;
  min-height: 120px;
  clear: both;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCC;
  padding-top:10px;
}

#footer a {
  text-decoration: none;
}
#footer .container{
  height: 105px;
  position: relative;
}

#footer p.copyright span {
  margin-left: 10px;
}
#footer p.copyright a:hover {
  color: #900;
  text-decoration: underline;
}
#footer a img:hover {
  /*圖片半透明*/opacity:0.7;
	filter:alpha(opacity=70);
	cursor:pointer;
}
#footer p.fb {
  line-height: 4em;
}
#footer #icon {
  position: absolute;
  top: 15px;
  left: 600px;
}
#footer #scrolltop {
  position: absolute;
  top: -80px;
  right: -50px;
  background-image: url(images/top.png);
  background-repeat: no-repeat;
  display: block;
  height: 39px;
  width: 39px;
}
#footer #scrolltop span {
  display: none;
}


/* ---------------------------------------------------------------- */
/*	 5. 內頁 about
/* ---------------------------------------------------------------- */

#about .text img {
  padding-top: 0px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
  width: 100%;
  box-sizing: border-box;
}

#about .text .rows li {
  line-height: 1.5em;
  }


/* ---------------------------------------------------------------- */
/*	 5. 內頁 about02
/* ---------------------------------------------------------------- */
#about02 .text ul li {
  width: 223px;
  margin-right: 6px;
  margin-left: 6px;
  height: 560px;

  }
#about02 .text ul li p { text-align:left !important;width: 223px; }
#about02 .text h3 {
  color: #222222;
  font-size: 14px;
  line-height: 3.5em;
  padding-right: 5px;
  padding-left: 5px;

}
#about02 .text h4 {  text-align:left !important;}
#about02 .text p {
  padding-right: 5px;
  padding-left: 5px;
  width: auto !important;

}

/* ---------------------------------------------------------------- */
/*	 5. 內頁 about05 品質認證
/* ---------------------------------------------------------------- */
#about05 ul.about05 li .img {
  float: left;
  line-height: 102px;
  width: 132px;
  margin-right: 20px;
  /*background-color: #FFF; */
}
#about05 ul.about05 li {
  padding: 15px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #FFF;
  border-bottom-color: #CCC;
}
#about05 ul.about05 li:hover {
background-color: #EAEAEA;
}
#about05 ul.about05 li:first-child {
  border-top: 0;/*左邊第一條線隱藏*/
}





/* ---------------------------------------------------------------- */
/*	 5. 內頁 productList 產品列表
/* ---------------------------------------------------------------- */
#contentRihgt {
  width: 715px;
  float: left;
  padding-right: 20px;
}
#contentRihgt02 {
  width: 650px;
  float: left;
  padding-right: 20px;

}

#contentRihgt h2{
  font-size: 17px;
  color: #333333;
  font-weight: bold;
  padding-left:5px;
}
#contentRihgt h3.gray,
#productDia h3.gray{
 /* width: 177px; */
 padding:0 20px;
  height: 29px;
  background-color: #333333;
  color: #FFF;
  font-size: 15px;
  text-align: center;
  border-radius: 20px;
  behavior: url(ie-css3.htc);
  display: table;
}





/*列表*/
#productList ul.pro {
  margin-top: 10px;
  margin-bottom: 10px;
}
#productList ul.pro li {
  text-align: center;
  min-height: 275px;
  width: 200px;
  background-color: #FFF;
  border: 1px solid #dddddd;
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-left: 15px;
  position: relative;
  padding-bottom: 15px;
}
#productList ul.pro li:hover {
 border: 1px solid #ea0437;
}
#productList ul.pro li .img {
  height:180px;
}

#productList ul.pro li p{
  padding-bottom: 10px;
  height: 67px;
  overflow: hidden;
}
#productList ul.pro li a {
  text-decoration: none;
  margin-top: 0;
  /*margin-right: 15px;*/
  margin-bottom: 0;
  /*margin-left: 15px;*/
  display: block;
  width: 120px;
  margin: 0 auto;
}
#productList ul.pro li a+a {
  margin-top: 10px
}

#productList .box{
  position: relative; /*頁碼定位----------*/
  height:30px;
  width:100%;
}
#productList ul.pro li .newTxt {
  padding-top:15px;
  color:#FFF;
  text-align:center;
  position: absolute;
  height: 27px;
  width: 52px;
  left: 10px;
  top: 10px;
  background-color: #ea0437;
  border-radius: 56px;
  behavior: url(ie-css3.htc);
 }





/* ---------------------------------------------------------------- */
/*	 5. 內頁 news 最新消息
/* ---------------------------------------------------------------- */


#news ul.about05 li .img {
  float: left;
  line-height: 90px;
  width: 200px;
  margin-right: 20px;
}
#news ul.about05 li .img:hover{
  /*圖片半透明*/
  opacity:0.7;
  filter:alpha(opacity=70);
  cursor:pointer;
}
#news ul.about05 li {
  padding: 15px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #FFF;
  border-bottom-color: #CCC;
}
#news ul.about05 li a{
  text-decoration: none;
}
#news ul.about05 li a h3:hover{ color: #ea0437; }
#news ul.about05 li:hover {
background-color: #EAEAEA;
}
#news ul.about05 li:first-child {
  border-top: 0;/*左邊第一條線隱藏*/
}

#news .about05 p {
  height: 38px;
  overflow: hidden;
}

/* ---------------------------------------------------------------- */
/*	 5. 內頁 products 產品
/* ---------------------------------------------------------------- */
#products #proSearch{
  position: relative;
}
#products #proSearch select {
   position: absolute;
   left: 0px;
   top: 40px;
}
#products #proSearch input{
  position: absolute;
  left: 210px;
  top: 40px;
}
#products #proSearch a {
  position: absolute;
  left: 410px;
  top: 40px;
}
/*重要!!*/
#graphic {
  background-image: url(images/products_pic.png);
  background-repeat: no-repeat;
  background-position: right top;
  width: 950px;
  height: 369px;
  position: absolute;
  right: -50%;
}

#proBox .container {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCC;
  height: 370px;
  position: relative;
}
#proBox .container h1 {
  font-size: 33px;
  color: #EA0437;
  font-weight: bold;
  display: block;
  line-height: 2em;
  float: none;
}

#proBox .container p {
  margin-right: 420px;
  margin-bottom: 25px;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #CCC;
  padding-bottom: 15px;
  height: 130px;
}


/*ul 別動到*/
#products ul {
  margin:40px 0px;
}

#products ul li {
  width: 120px;
  float: left;
  padding-top: 0;
  padding-right: 18px;
  padding-bottom: 0;
  padding-left: 18px;
  background-image: url(images/link01.png);
  background-repeat: no-repeat;
  background-position: 20px 0px;
  height: 140px;
  margin:13px 18px;
}
#products  ul li:hover {
  background-position: 20px -180px;
}

#products  ul li p {
 /* line-height: 3em; */
 padding-top:8px;
  color: #222222;
  font-weight: bold;
  font-size: 14px;
}
#products ul li.img{
  line-height: 110px !important;
}
#products ul li.img a{
    display: block;
}
/* ---------------------------------------------------------------- */
/*	 5. 內頁 tableStyle2 技術支援
/* ---------------------------------------------------------------- */

/*收尋
#searchBox {
  background-image: url(images/technical_bg.png);
  background-repeat: no-repeat;
  height: 79px;
  width: 894px;
  padding-top: 44px;
  padding-right: 22px;
  padding-left: 22px;
}
#searchBox h2,
.text h2 {
  font-size: 16px;
  line-height:normal
}
#searchBox form{ }

/*表格
.tableStyle2 tr td,
.tableStyle2 tr th {
  padding: 7px;
}
.tableStyle2 tr th{
  background-image:url(images/technical_tr.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.tableStyle2 tbody tr:hover {
  background-color: #FEFDE9;
}

/*右邊第一條線隱藏
.tableStyle2 tr th:last-child{
background-image: none;
}

.tableStyle2 tr .row {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #F00;


}
.tableStyle2 tr .row01 {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
}
.tableStyle2 tr .row02 {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #555555;
}
.tableStyle2 tr .row04 {
  background-image: url(images/technical_icon.jpg);
  background-repeat: no-repeat;
  background-position: 15px;
  padding-left: 30px;
}
.tableStyle2 tr .row04 a{
 text-decoration: none;
}
.tableStyle2 tr .row04:hover{
text-decoration: underline;
}
.tableStyle2 tr.gray {
  background-color: #eeeeee;
}

.tableStyle2 tr td {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCC;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #FFF;
}
.tableStyle2 tr:last-child{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
/*右邊第一條線隱藏
.tableStyle2 tr td:last-child {
  border-right: 0;
}

/*三角形
.arrow-down {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #555555;
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}
*/


/* ---------------------------------------------------------------- */
/*	 5. 內頁 map 全球據點
/* ---------------------------------------------------------------- */


#map .map { width: 100%; 
}

#map #sidebar {
  height: 50px!important;
  background-image: url(images/sidebar_bg.png)!important;
  background-repeat: no-repeat!important;
  background-position: center 55px!important;
}
/* ---------------------------------------------------------------- */
/*	 5. 內頁 map 全球據點
/* ---------------------------------------------------------------- */


#map .map { width: 780px;
}

/*#map #sidebar {
  height: 50px!important;
  background-image: url(images/sidebar_bg.png)!important;
  background-repeat: no-repeat!important;
  background-position: center 55px!important;
}*/
#map #mapaside{width:195px;min-height:700px;background:url(images/mapasidebar.png) right top no-repeat;margin-top:20px;}
#map #mapaside h1{margin-bottom:20px;}
#map #mapaside a{ text-decoration:none;}
#map #mapaside dl.mapmenu > dt{height:30px;line-height:30px;padding-left:15px;background:url(images/sidebottom.png) left bottom no-repeat;font-weight:bold; }
#map #mapaside dl.mapmenu > a.maincompany{height: 30px;display: block;line-height: 30px;padding-left: 15px;background: url(images/sidebottom.png) left bottom no-repeat;font-weight: bold;}
#map #mapaside dl.mapmenu > dd ul{margin:0;}
#map #mapaside dl.mapmenu > dd > ul li{font-weight:bold;height:30px;line-height:30px;padding-left:15px;}
#map #mapaside dl.mapmenu > dd > ul li:hover a{color:#F00;}
#map #mapaside dl.mapmenu > dd > ul li.active a{color:#F00;}
#map #mapaside dl.mapmenu > dd > dl > dt{font-weight:bold;height:30px;line-height:30px;padding-left:15px;}
#map #mapaside dl.mapmenu > dd > dl > dt:hover a{color:#F00;}
#map #mapaside dl.mapmenu > dd > dl > dt.active a{color:#F00;}
#map #mapaside dl.mapmenu > dd > dl > dd ul{margin:0;}
#map #mapaside dl.mapmenu > dd > dl > dd li{height:30px;line-height:30px;}
.map h1{margin:30px 0;}
.strongholdCont{}
#map .stronghold{padding:10px 30px;border-bottom:dotted 1px #CCC;}
#map .stronghold:hover{}
#map .stronghold .city{width:120px;text-align:center;padding:15px;}
#map .stronghold .city span{height:70px;width:70px;border:solid 5px #F3748F;border-radius:50%;display: table-cell; vertical-align:middle;background-color:#EB0438;text-align:center;color:#FFF;font:bold 18px/22px "微軟正黑體";transition:all 1s;-moz-transition:all 1s; /* Firefox 4 */-webkit-transition:all 1s; /* Safari and Chrome */-o-transition:all 1s; /* Opera */}
/*#map .stronghold .city span.taipei{border:solid 5px #B3C1E6;background-color:#091A4E;}*/
#map .stronghold:hover .city span{border:solid 5px #C6C6C6;background-color:#FAFAFA;color:#999;}
.holdinfo{padding:5px 0;}
.holdinfo h4{margin-bottom:5px;}
.holdinfo .maplink{color:#EC2A4C; text-decoration:underline;margin:0 5px;}
.holdinfo table td{padding:0 10px;}


/* ---------------------------------------------------------------- */
/*	 5. 內頁 dealerLogin 經銷商專區
/* ---------------------------------------------------------------- */

#dealerLogin {
  padding-top: 65px;
  padding-right: 170px;
  padding-left: 170px;
  position: relative;
}
#dealerLogin #form {
  width: 450px;
}
#dealerLogin .dealer_join {
  background-color: #102873;
  position: absolute;
  top: 125px;
/*  padding-top: 28px;
  padding-bottom: 28px; */
}

#dealerLogin .forget {
  background-color: #ea0437;
  padding-top: 18px;
  padding-bottom: 18px;
  position: absolute;
  top: 218px;
}


#dealerLogin .btnClor{
  width: 140px;
  right: 145px;
  font-size:15px;

}
#dealerLogin .btnClor:hover{
  background-color: #666;
}
#dealerForgot p {
  padding-left: 15px;
}

/* ---------------------------------------------------------------- */
/*	 5. 內頁 dealerPersona02 修改密碼
/* ---------------------------------------------------------------- */
#dealer_persona .form .row .rowleft {width: 165px;}
#dealerPersona02 .form .row .rowleft {
  width: 240px;/*左邊調整寬度多少*/
  text-align:left;
}
#dealerPersona02 .form .row .rowright {
  margin: 0 12px 0 140px; /*右邊調整寬度多少*/
}

.form .row .rowleft {
  color: #1c1c1c;
  cursor: text;
  float: left;
  margin: 0;
  padding: 0px;
  width: 144px; /*左邊調整寬度多少*/
}
#dealer_join .form .row .rowleft {width: 160px; }
.form .row .rowright {
  display: block;
  margin: 0 12px 0 120px; /*右邊就調整寬度多少*/
}



/* ---------------------------------------------------------------- */
/*	 5. 內頁 dealerDownload 報價資料下載
/* ---------------------------------------------------------------- */

#dealerDownload ul{
  margin:20px 20px 0px 0px;
}
#dealerDownload ul li {
  background-color: #FFF;
  width: 670px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-top: 12px;
  padding-bottom: 5px;
  padding-right: 15px;
  padding-left: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
}
#dealerDownload ul li:hover{
  border: 1px solid #F00;
}

#dealerDownload ul li p{
  width: 600px;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right:10px;
}


/* ---------------------------------------------------------------- */
/*	 5. 內頁 contact 報價資料下載
/* ---------------------------------------------------------------- */

#mapPic a{
 background-image: url(images/map.png);
 background-repeat: no-repeat;
 height: 80px;
 width: 250px;
 display: block;
 position:relative;
 margin:40px 0px;
}
#mapPic a:hover{
  border: 1px solid #F00;
}
#mapPic a span {
  position: absolute;
  top: 40px;
  left: 50px;
  color: #000;
}
/*地址*/
#addressBox{  }
#addressBox ul li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C6C6C6;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #F3F3F3;
  padding-bottom: 10px;
  padding-top: 10px;
}
#addressBox ul {
 /* overflow: auto;  卷軸*/
  height: 410px;
}
#addressBox ul a{
  text-decoration:none;
}
#addressBox ul a:hover{
  text-decoration: underline
}

/* ---------------------------------------------------------------- */
/*	 5. 內頁 inquiry 詢問單
/* ---------------------------------------------------------------- */
#inquiry .tableStyle2 .del {
  background-image: url(images/inquiry_close.png);
  background-repeat: no-repeat;
  background-position: 10px 10px;
  display: block;
  height: 50px;
  width: 50px;
}


#inquiry .tableStyle2 .del:hover{
  background-position: 10px -62px;
}
#inquiry .tableStyle2 {
  margin-top: 20px;
  margin-bottom: 40px;
}


/* ---------------------------------------------------------------- */
/*	 5. 內頁 technical 技術支援
/* ---------------------------------------------------------------- */
#technical h3,
#technicalSearch h3,
#technicalFaq h3{ padding-left: 23px; font-size: 15px; line-height: 3em; }

/*收尋*/
#searchBox {
  background-image: url(images/technical_bg.png);
  background-repeat: no-repeat;
  height: 79px;
  width: 894px;
  padding-top: 44px;
  padding-right: 22px;
  padding-left: 22px;
  position: relative;
}
#searchBox h2,
.text h2 {
  font-size: 16px;
  line-height:normal
}
#searchBox form{ }
#searchBox input{ position: absolute; left: 600px; bottom: 55px; }

#searchBox a {position: absolute; left: 785px; bottom: 55px;}
/*表格*/
.tableStyle2 tr td,
.tableStyle2 tr th {
  padding: 7px 20px;
}
.tableStyle2 tr th{
  background-image:url(images/technical_tr.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
}
.tableStyle2 tbody tr:hover {
  background-color: #FEFDE9;
}

/*右邊第一條線隱藏*/
.tableStyle2 tr th:last-child{
background-image: none;
}

.tableStyle2 tr .row {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #F00;


}
.tableStyle2 tr .row01 {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
}
.tableStyle2 tr .row02 {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #555555;
}
.tableStyle2 tr .row04 {
  background-image: url(images/technical_icon.jpg);
  background-repeat: no-repeat;
  background-position: 15px;
  padding-left: 30px;
}
.tableStyle2 tr .row04 a{
 text-decoration: none;
}
.tableStyle2 tr .row04:hover{
text-decoration: underline;
}
.tableStyle2 tr.gray {
  background-color: #eeeeee;
}

.tableStyle2 tr td {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CCC;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #FFF;
}
.tableStyle2 tr:last-child{
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
}
/*右邊第一條線隱藏*/
.tableStyle2 tr td:last-child {
  border-right: 0;
}

/*三角形*/
.arrow-down {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #555555;
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}


/* ---------------------------------------------------------------- */
/*	 5. 內頁 technicalSearch 收尋結果
/* ---------------------------------------------------------------- */


#technicalSearch h4 {
  color: #ea0437;
 }
#technicalSearch .searchInfo {
  padding:0px 25px;
 }
#technicalSearch ul.searchList{
  padding:10px 0px 20px 15px;
}
#technicalSearch ul.searchList li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
  padding-bottom: 5px;
  padding: 5px 0px 5px 25px;
  background-image: url(images/technical_icon.jpg);
  background-repeat: no-repeat;
  background-position: 5px 15px;
}
#technicalSearch ul.searchList li a {
  text-decoration: none;
}

#technicalSearch ul.searchList li:hover{
  background-color: #FEFDE9;
}



/* ---------------------------------------------------------------- */
/*	 5. 內頁 technicalFaq 常見問題
/* ---------------------------------------------------------------- */


/*上下切換選單-qa*/
.accordion{
  text-align: left;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.accordion ul.acList{
  margin: 0px;
  padding-left: 10px;
}
.accordion ul.acList li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
  list-style-type: none;
}
.accordion ul.acList li div.acTitle{
width:650px;
  height:22px;
  padding-left: 20px;
  cursor: pointer;
  border-bottom-width: 1px;
  background-image: url(images/technical_icon.jpg);
  background-repeat: no-repeat;
  background-position: 2px;
   border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  padding:10px 20px;
}
.accordion ul.acList li div.acContent{
 width:650px;
 padding: 10px 20px 10px 20px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #CCC;
}


/* ---------------------------------------------------------------- */
/*	 5. 內頁 productDia 產品內頁
/* ---------------------------------------------------------------- */


/*產品圖片切換 ---------------------------*/

#productDia .sublist{
  height: 350px;
  float: right;
  width: 620px;
}
#productDia .sublist .frame{
  float: left;
  width: 470px;
  height: 335px;
}
#productDia .showbox img{
 /* width: 140px; */
  width: 250px;
}
#productDia .showbox .img {
  line-height: 350px;
}
#productDia .sm {
  width: 110px;
  float: right;
}
#productDia .sm img {
 /* width: 37px; */
  height: 84px;
}
#productDia ul.sm li {
  border: 1px solid #ccc;
  margin-top: 8px;
  background-color: #FFF;
  height: 100px;
  width: 100px;
}
#productDia ul.sm li.select,
#productDia ul.sm li:hover{
  border: 1px solid #ea0437;
}
#productDia ul.sm li.select{}
#productDia ul.sm li .img{
  line-height: 100px;
}

/*產品說明 ---------------------------*/

#productFooter{
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f4f4 0%, #f3f3f3 0%, #f8f8f8 1%, #f5f5f5 1%, #f5f5f5 2%, #f8f8f8 4%, #f6f6f6 4%, #f6f6f6 5%, #f9f9f9 7%, #f7f7f7 8%, #f9f9f9 8%, #f7f7f7 10%, #fbfbfb 10%, #f9f9f9 11%, #f9f9f9 15%, #fcfcfc 16%, #fdfdfd 21%, #fbfbfb 21%, #fdfdfd 21%, #ffffff 28%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(0%,#f3f3f3), color-stop(1%,#f8f8f8), color-stop(1%,#f5f5f5), color-stop(2%,#f5f5f5), color-stop(4%,#f8f8f8), color-stop(4%,#f6f6f6), color-stop(5%,#f6f6f6), color-stop(7%,#f9f9f9), color-stop(8%,#f7f7f7), color-stop(8%,#f9f9f9), color-stop(10%,#f7f7f7), color-stop(10%,#fbfbfb), color-stop(11%,#f9f9f9), color-stop(15%,#f9f9f9), color-stop(16%,#fcfcfc), color-stop(21%,#fdfdfd), color-stop(21%,#fbfbfb), color-stop(21%,#fdfdfd), color-stop(28%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f3f3f3 0%,#f8f8f8 1%,#f5f5f5 1%,#f5f5f5 2%,#f8f8f8 4%,#f6f6f6 4%,#f6f6f6 5%,#f9f9f9 7%,#f7f7f7 8%,#f9f9f9 8%,#f7f7f7 10%,#fbfbfb 10%,#f9f9f9 11%,#f9f9f9 15%,#fcfcfc 16%,#fdfdfd 21%,#fbfbfb 21%,#fdfdfd 21%,#ffffff 28%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4f4f4 0%,#f3f3f3 0%,#f8f8f8 1%,#f5f5f5 1%,#f5f5f5 2%,#f8f8f8 4%,#f6f6f6 4%,#f6f6f6 5%,#f9f9f9 7%,#f7f7f7 8%,#f9f9f9 8%,#f7f7f7 10%,#fbfbfb 10%,#f9f9f9 11%,#f9f9f9 15%,#fcfcfc 16%,#fdfdfd 21%,#fbfbfb 21%,#fdfdfd 21%,#ffffff 28%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4f4f4 0%,#f3f3f3 0%,#f8f8f8 1%,#f5f5f5 1%,#f5f5f5 2%,#f8f8f8 4%,#f6f6f6 4%,#f6f6f6 5%,#f9f9f9 7%,#f7f7f7 8%,#f9f9f9 8%,#f7f7f7 10%,#fbfbfb 10%,#f9f9f9 11%,#f9f9f9 15%,#fcfcfc 16%,#fdfdfd 21%,#fbfbfb 21%,#fdfdfd 21%,#ffffff 28%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f4f4f4 0%,#f3f3f3 0%,#f8f8f8 1%,#f5f5f5 1%,#f5f5f5 2%,#f8f8f8 4%,#f6f6f6 4%,#f6f6f6 5%,#f9f9f9 7%,#f7f7f7 8%,#f9f9f9 8%,#f7f7f7 10%,#fbfbfb 10%,#f9f9f9 11%,#f9f9f9 15%,#fcfcfc 16%,#fdfdfd 21%,#fbfbfb 21%,#fdfdfd 21%,#ffffff 28%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

#productFooter .productFooterBg{
  background-image: url(images/productDia_bg.png);
  background-repeat: no-repeat;
  background-position: center top;
}

/*tab 切換*/
#productDia .abgne_tab{
}
#productDia ul.tabs {
  width: 100%;
  height: 32px;
  margin-left: 0;
}
#productDia ul.tabs li {
  float: left;
  line-height: 33px;
  overflow: hidden;
  position: relative;
  margin-bottom: -1px;
  border-left: none;
  background-image: url(../images/tab_bg.jpg);
  background-repeat: repeat-x;
  /*width: 151px; */
  text-align: center;
  margin-right: 1px;
}
#productDia ul.tabs li a {
  line-height: 33px;
  display: block;
  padding: 0 20px;
  text-decoration: none;
}
#productDia ul.tabs li a:hover {
  background-color: #eeeeee;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #F00;
}

/*重點!!!!!-----------------選單被選取效果*/
#productDia ul.tabs li.active a {
  background-color: #eeeeee;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #F00;
}
#productDia div.tab_container {
  clear: left; width: 100%;
  border-top: none;
}
#productDia div.tab_container .tab_content {
  padding: 20px;
}
#productDia div.tab_container .tab_content h2 {
  margin: 0 0 20px;
}
/*表格*/
.tableStyle3 tr td,
.tableStyle3 tr th{
  text-align: center;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #333;
  border-bottom-color: #333;
}
.tableStyle3 {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #333;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #333;
}

.tableStyle3 tr th{
  background-color: #e2e2e2;
}
.tableStyle3 tr .row {
  background-color: #e2e2e2;
}







#productDia .info { float: left; width: 310px;
}
#productDia .info h4 {
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 15px;
  text-align: left;
}
#productTop .info .col {
  height: 172px;
  overflow: hidden;
  margin-bottom: 20px;
}
#productTop .info a {
  text-decoration: none;
}
#productTop .butW {
  background-color: #FFF;
  color: #ea0437;
  border: 1px solid #ea0437;
  padding-right: 25px;
  padding-left: 25px;
  font-size: 14px;
  margin-right: 0px!important;
  margin-left: 0px!important;
}
#productTop .butW:hover{
  background-color: #F00;
  color: #FFF;
}

#productBox{
  margin-bottom: 50px;
   position: relative;
}
/*按鈕*/
#productBox .proBtn a { background-repeat: no-repeat;
  display: block;
  height: 110px;
  position: absolute;
  top: 210px;
  background-position: center 43px;  width: 40px; }
#productBox a.btnL {
  background-image: url(images/productDia_BtnL.png);
  left: -50px;
}
#productBox a.btnR {
  background-image: url(images/productDia_BtnR.png);
  right: -50px;
}
#productBox a:hover{
  background-position: center -147px;
}




/* ---------------------------------------------------------------- */
/*	 左右tab
/* ---------------------------------------------------------------- */

.stripViewer .panelContainer .panel ul {
  text-align: left;
  float: left;
  margin-top: 0;
  margin-right: 30px;
  margin-bottom: -5px;
  margin-left: 9px;
}

.slider-wrap {
  position: relative;
  margin: 0px;
}

.slider-wrap .panel title{}
.csw {
  background: #fff;
  overflow: scroll;
}
.csw .loading {
  margin: 0px;
  text-align: left;
  padding: 0px;
}
.stripViewer {
  position: relative;
  overflow: hidden;
  clear: both;
}

.stripViewer .panelContainer {
  position: relative;
  width: 100%;
  list-style-type: none;
}

#technicalFaq .stripViewer .panelContainer .panel {
  float:left;
  height: 100%;
  position: relative;
  width: 800px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-bottom: 15px;
}


#home .stripViewer .panelContainer .panel {
  float:left;
  height: 100%;
  position: relative;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-bottom: 15px;
}

.stripViewer .panelContainer .panel {
  float:left;
  height: 100%;
  position: relative;
  width: 940px;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-bottom: 15px;
}

/*點選 css*/
.stripNav {
  float:right ;
  margin-right: 70px;
  margin-bottom:10px;
}

.stripNav ul {
  list-style: none;
  width: 960px;
}

.stripNav ul li {
  float: left;
  margin: 0px 4px;
}

.stripNav a {
  line-height: 12px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  width: 12px;
  height: 12px;
  display: block;
  background-color: #000;
  border-radius: 50%;
  padding: 5px;
}

.stripNav li.tab1 a { }

.stripNav li a:hover {
background-color: #f00;
}

.stripNav li a.current {
 color: #fff;
 background-color: #f00;
}


/*黑色底..彈跳出來的畫面 ----------------------------------------------------------------------------*/
#show-inquiry {
  min-height: 212px;
  width: 340px;
  padding-right: 6px;
  padding-left: 6px;
  margin: 0 auto;
}

#show-inquiry .title {
 height: 50px;
 width: 203px;
 padding-left: 137px;
 background-image: url(images/logo02.png);
 background-repeat: no-repeat;
 background-position: left center;
 background-color: #000;
}

#show-inquiry .title h5 {
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 3.5em;
  color: #FFF;
  padding-left: 40px;
  font-weight: bold;
}

#show-inquiry .text02 {
  line-height: 1em;
  letter-spacing: 1px;
  text-align: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #949795;
  margin-top: 40px;
  min-height: 70px;
  margin-right: 10px;
  margin-left: 10px; 
}

#show-inquiry .text02 p .p_red {
  font-size: 15px;
  font-weight: bold;
  color: #e60012;
  font-family: "微軟正黑體";
}




/* 卷軸 */
.scr_con {
  position:relative;
  height:400px;
  width:270px;
  margin-top:20px ;
}
#dv_scroll{
  position:absolute;
  height:380px;
  overflow:hidden;
  width:250px;
}
#dv_scroll .Scroller-Container{
  width:100%;
 }
#dv_scroll_bar {
  position:absolute;
  right:0;
  top:10px;
  width:14px;
  height:380px;
  border-left:1px solid #B5B5B5;
}
#dv_scroll_bar .Scrollbar-Track{
  position:absolute;
  left:0;
  top:20px;
  width:14px;
  height:330px;
}
#dv_scroll_bar .Scrollbar-Handle{
 position:absolute;
 left:-5px;
 top:0;
 width:10px;
 height:43px;
 overflow:hidden;
 background:url(images/srcoll.gif) no-repeat;
 cursor:pointer;
}
#dv_scroll_text {
 position:absolute;
}















/* ==========================================================================
    共用項目
 ==========================================================================*/






@import url(/font/css/fontello.css);
@media (max-width: 10000px) {
  #sitelink{
    margin-top: 120px;
  }

  main#home{
    margin-top:120px;
  }
  img{
    image-rendering: -webkit-optimize-contrast;
  }
  #sidebar02 .submenu_toggle,
  #sidebar .submenu_toggle{
    display:none;
  }
  #searchBox h2{
    line-height: 28px;
  }
  #searchBox .proSearch>p{
    line-height: 28px;
    margin-right: 19px;
  }

}
@media (max-width: 1200px) {
 select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-left: 10px;
    background: white;
    border:1px solid #d4d4d4;
    border-radius: initial;
}
.search select{
  margin-bottom: 0;
}
.search .select_wrapper{
  margin-bottom: 10px;
}
.select_wrapper{
  position: relative;
}
.select_wrapper::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 23px;
    content: "";
    border-top: .6em solid black;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    pointer-events: none;
}
  /*刪除ios內陰影*/
  input[type="text"],
  input[type='password'] {
    -webkit-appearance: none;
    border:1px solid #d4d4d4;
    border-radius: initial;
  }
  textarea{
    -webkit-appearance: none;
    border:1px solid #d4d4d4;  
    border-radius: initial;
  }
}
@media (max-width: 992px) {
  #proBox .container{
    height: auto;
  }
  body{
    text-align: left;
  }
  .ps,
  .ps2{
    font-size: 14px;
  }
  #contentRihgt{
    width: 100%;
    padding: 0;
  }
  #sitelink{
    margin-top: 57px;
  } 
  #sidebar02{
    float:none;
    width: 100%;
    position: relative;
  }

  #sidebar ul.columns{
    padding-left: 20px;
    margin-top: 50px;
    display: none;
  }
  #sidebar02 ul{
    border:none;
    padding-bottom: 20px;
  }
  #sidebar02 ul li,
  #sidebar ul li{
    float: left;
    border: none;
    font-size: 14px;
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0;
  }
  main#home{
    margin-top:57px;
  }
  .container{
    width:100% !important;
    box-sizing: border-box;
  }
  #sidebar{
    background-size: contain;
    position: relative;
  }

  #sidebar h1{
    font-size: 24px;
  }

  /*編輯器*/
  .text h2{
    font-size: 18px;
  }
  .text{
    font-size: 16px;
  }

  /*pageNum*/
  .pageNum{
    padding-top: 20px;
  }
  .pageNum a.prev,
  .pageNum a.next{
    background-position: initial;
    height: 17px;
  }
  .pageNum span{
    display: inline-block;
    position: relative;
    top:-2px;
  }

}
@media (max-width: 850px) {
  #sidebar02 ul li,
  #sidebar ul li {
      width: 33.333%;
  }
}
@media (max-width: 768px) {
  #sidebar02 ul li,
  #sidebar ul li {
      width: 50%;
  }
  select{
    background: white;
  }
  .text.page02{
    padding-right: 0;
  }
}
@media (max-width: 576px) {
  .ps,
  .ps2{
    font-size: 13px;
  }
  #sidebar02 ul li a{
    display: block;
  }
  #content h2{
    line-height: 2.5em;
  }
  #fancybox-close{
    right:10px;
  }
  #sidebar02 .submenu_toggle,
  #sidebar .submenu_toggle{
    display:block;
  }
   #sidebar .submenu_toggle{
     margin-top: 30px;
   }
   #sidebar{
     margin-bottom: 0px;
   }
  #sidebar02 ul,
  #sidebar ul{
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 1;
    padding-bottom: 0 !important;
  }

  #sidebar02 span.submenu_toggle,
  #sidebar span.submenu_toggle{
    display: block;
    height: 40px;
    line-height: 40px;
    background-color: black;
    width: 100%;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: white;
    margin-top: 20px;
  }
  #sidebar02 span.submenu_toggle i,
  #sidebar span.submenu_toggle i {
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
  }
  #sidebar02 >ul,
  #sidebar >ul {
      display: none;
      position: absolute;
      top: 40px;
      left: 0;
      width: 100%;
      background: rgba(0,0,0,0.8);
      z-index: 1000;
      padding-bottom: 0;
      margin-top: 0 !important;
      padding-left: 0 !important;
     
  }
  #sidebar >ul{
    margin-top: 30px !important;
  }
  #sidebar02  ul li,
  #sidebar  ul li{
    width: 100%;
    font-size: 16px;
    background-image: none;
    text-align: center;
    list-style: none;
   
  }
  #sidebar02  ul li a,
  #sidebar  ul li a{
     color:white !important;
  }




  .widget-page.container{
    padding-bottom: 20px !important;
  }
  .text p img{
    width: 100%;
    height:auto;
    padding: 0 ;
  }
  .text p img.fr,
  .text p img.fl{
    float:none;
  }
  select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
  }
  .select_wrapper{
    width:100%;
    position: relative;
    margin-bottom: 12px;
  }
  .select_wrapper::after {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:23px;
    content: "";
    border-top: .6em solid black;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    pointer-events: none;
  }

  .formError .formErrorContent{
    width: 150px !important;
  }
.form .row .rowleft .required:before{
  margin-right: 8px;
}
}
/* ==========================================================================
    技術搜尋
 ==========================================================================*/
@media(max-width:992px){
#searchBox{
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  background: none;
  padding-top: 0;
  margin-bottom: 24px;
}
#searchBox h2{
  line-height: 40px;
  float:none;
  font-size: 18px;
}
#searchBox p{
  float:none;
  margin-bottom: 10px;
  margin-right: 0 !important;
}
#searchBox .select_wrapper{
  width:200px;
  margin-right: 5px;
  float:left;
}
#searchBox select,
#searchBox input{
  line-height: 40px;
  height: 40px !important;
  padding-left: 20px;
  box-sizing: border-box;
  position: static;
  border:1px solid #D4D4D4;
  color:#666666;
}
#searchBox input{
  width: 236px;
}
#searchBox a{
  position: static;
  line-height: 40px;
  height: 40px !important;
  box-sizing: border-box;
  padding: 0 20px;
  display: inline-block;
}
}
@media(max-width:768px){
#searchBox{
  padding-bottom: 12px;
  border-bottom:1px dotted black;
  margin-bottom: 12px;
}
#searchBox input{
    margin-bottom: 12px;
}
#searchBox .select_wrapper{
  width: 100% !important;
  margin-bottom: 12px;
  position: relative;
}
#searchBox  select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
#searchBox  .select_wrapper::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 23px;
    content: "";
    border-top: .6em solid black;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    pointer-events: none;
}
#searchBox select,
#searchBox input{
  width: 100% !important;
  
}
#searchBox a{
    width: 100%;
}  
}

/* ==========================================================================
    產品搜尋box
 ==========================================================================*/
@media(max-width:992px){
  #sidebar02 #proSearch h2{
    font-size: 18px;
  }
  #sidebar02 #proSearch .select_wrapper{
    width: 200px;
    float:left;
    margin-right: 5px;
  }
  #sidebar02 #proSearch select,
  #sidebar02 #proSearch input{
    height: 40px !important;
    line-height: 40px;
    box-sizing: border-box;
    padding-left: 20px;
    font-size: 16px;
    color:#666666;
    display:inline-block;
    margin-bottom: 0;
    border: 1px solid #D4D4D4;
   

  }
  #sidebar02 #proSearch input{
    width: 236px !important;
  }
  #sidebar02 #proSearch a {
      height: 40px;
      line-height: 40px;
      box-sizing: border-box;
      font-size: 16px;
      padding: 0 20px;
      display:inline-block;
  }


}
@media(max-width:768px){
  #sidebar02 #proSearch input{
    width: 236px;
  }
}
@media(max-width:576px){
  #productList .container{
    padding-bottom: 0;
  }
  #sidebar02 #proSearch{
    padding-bottom: 12px;
    border-bottom:1px dotted black;
    margin-bottom: 12px;
  }
  #sidebar02 #proSearch h2{
    text-align: center;
  }
  #sidebar02 #proSearch .select_wrapper{
    margin-bottom: 12px;
     width:100% !important;
  }
  #sidebar02 #proSearch select{
    width:100% !important;
  }
  #sidebar02 #proSearch input{
    width:100% !important;
    margin-bottom: 12px;
  }
  #sidebar02 #proSearch a{
    width: 100%;
  }
  #sidebar02 .productCategoryList{
    position: relative;
  }
}






/* ==========================================================================
    HEADER
 ==========================================================================*/
@media (max-width: 10000px) {
  #header{
    z-index: 9911;
  }
  #header .menuMovement>li.show_phone{
    display:none;
  }
  #header .menuMovement>li>span{
    display:none;
  }
  #header .menuMovement>li>ul{
    display:none;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  #header .search{
    display:none;
  }
  #header .search-group{
    display:none;
  }

   #header .lang{
     display:none;
   }
   #header .lang-group{
     display:none;
   }
    #header  .logo  .forPhone{
      display: none;
     
    }
}

 @media (max-width: 992px) {
   #header .container{
     height: 60px;
     max-width: 100%;
   }
  #header .logo{
    top:18px;
    left:10px;
    background-image: url(images/logo_phone.png);
    text-decoration: none;
    width: 240px;
    overflow: hidden;
    background-size: 104px 25px;
    height: 25px !important;

  }
  #header #main-menu .main-item .main-item-a:hover{
    font-weight: normal;
    font-size: 14px;
    transition: color .1s;
  }
  #header #main-menu .main-item>span:hover{
    font-weight: normal;

    transition: color .1s;
    color:red;
  }

  #header  .logo  .forPhone{
    display: block;
    text-indent: initial;
      
      font-size: 10px;
      margin-left: 69px;
      margin-top: 14px;
  }
  #header  .logo  .forPhone span{
    display: block;
  }
  #header  .logo  .forPhone span:nth-child(1){
    transform: scale(0.625);
    font-weight: bold;
    margin-top: -7px;
    width: 213px;
  }
  #header  .logo  .forPhone span:nth-child(2){
    margin-left: 40px;
    margin-top: -9.5px;
    font-family:"微軟正黑體";
    letter-spacing: 2.5px;
  }
  #header .search{
    display:table;
    position: absolute;
    top:18px;
    right:80px;
    font-size: 16px;
    cursor: pointer;
    z-index: 3;
  }
  #header .search-group{
    display:block;
    width: 100vw;
    height:100vh;
    background: #E8E9EA;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    pointer-events: none;
    z-index: 5;
    transition: opacity .5s;
  }
  #header .search-group.active{
    opacity: 1;
    pointer-events: all;
  }


  #header .search-group h2{
    font-size: 24px;
    font-family: "微軟正黑體";
    text-align: center;
    margin-top: 13px;
    margin-bottom:13px;
  }
  #header .search-group h2 i{
    position: relative;
    top:-3px;
  }


  #header .search-group .proSearch{
    position: absolute;
    width:80%;
    margin:auto;
    max-width: 500px;
    top:47%;
    left:50%;
    transform: translate(-50%,-50%);
  }
 #header .search-group .proSearch .icon-cancel{
   position: absolute;
   top:20px;
   right: 0;
   font-size: 24px;
   cursor: pointer;
 }
 #header .search-group .proSearch .icon-cancel:hover{
       color: #C00;
 }

  #header .search-group select,
  #header .search-group input{
    height: 50px !important;
    font-size: 16px;
    color:#666666;
    padding: 0;
    padding-left: 20px;
    margin-bottom:12px;
    border:1px solid #D4D4D4;
  }

  #header .search-group h2 span{
    margin-right: -5px;
  }


  #header .search-group select{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  }
 #header .search-group select{
   margin-bottom: 0;
  width:100%;
 }

 #header .search-group .select_wrapper{

    position: relative;
    margin-bottom: 12px;
  }
 #header .search-group .select_wrapper::after {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:23px;
    content: "";
    border-top: .7em solid black;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
    pointer-events: none;
  }
  #header .search-group input{
    width:100% !important;
    box-sizing: border-box;
  }
  #header .search-group button{
    height: 50px ;
    line-height: 50px;
    font-size: 16px;
    position: static;
    display:block;
    padding: 0;
     width: 100%;
  }



  #header .lang{
    display:table;
    position: absolute;
    top:18px;
    right:40px;
    font-size: 20px;
    padding-right: 8px;
    cursor: pointer;
  }
    #header .lang:hover{
          color: #C00;
    }
   #header .lang-group{
     display:table;
     background: white;
     transform: translateX(100%);
     transition: transform .5s;
     position: absolute;
     top:57px;
     right:0;
     padding: 0;
     margin: 0;
     list-style: none;
   }
    #header .lang-group li{
      float:left;
      line-height: 40px;
      font-style: 14px;
      padding: 0 10px;
    }
    #header .lang-group li a{
      text-decoration: none;
    }
    #header .lang-group li:hover a{
       color: #C00;
    }
   #header .lang-group.active{
      transform: translateX(0%);
   }
   #header .lang:after{
     content:"";
     width:1px ;
     display:block;
     height:20px;
     background-color: #D2D2D2;
     position: absolute;
     right:0;
     top:2px;
   }
  #header #top-Menu{
    display:none;
  }
  #header #main-menu{
    position: static;
  }
  #header .menuMovement{
     padding:0 36px;
     
  }
  #header .menuMovement>li{
    display:block;
    float:none;
    line-height: 67px;
    border-bottom:1px solid #E9E9E9;
  }
  #header .menuMovement>li:last-child{
    border-bottom:none;
  }
  #header .menuMovement .curren a{
    color:black !important;
  }
#header .menuMovement li a:hover {
  color: #ea0437 !important;
}
  #header .menuMovement>li.hasChild>a{
    display:none !important;
  }
  #header .menuMovement>li.hasChild>span{
    display:block;
    color:black;
    font-size: 18px;
    cursor: pointer;
  }
  #header .menuMovement>li.hasChild>span>i{
    float:right;
    font-size: 14px;
  }
   #header .menuMovement>li.hasChild>span>i::before{
     transform: rotate(180deg);
     transition: transform .5s;
   }
     #header .menuMovement>li.hasChild.active>span>i::before{
       transform: rotate(0deg);
     }
  #header .menuMovement>li.hasChild.active>span{
    color:#EA0437 !important;
    font-weight: bold;
  }
  #header .menuMovement>li.hasChild>ul{
    padding-bottom: 28px;
  }
  #header .menuMovement>li.hasChild>ul>li{
    display:block;
  }
  #header .menuMovement>li.hasChild>ul>li>a{
    font-size: 16px;
    height: 36px;
    padding-left: 20px;
    line-height: 36px;
  }
  #header .menuMovement>li.show_phone{
    display:block;
  }
  #header #main-menu .main-item .main-item-a{
     border-left:none ;
     width:100%;
     padding-left: 0;
     padding-top: 0;
     padding-bottom: 0;
     line-height: 66px;
   }
  #header .menuMovement>li>a>span{
    font-size: 18px;

  }
 }
 @media (max-width: 350px) {
   #header .logo{
    left:0;
   }
   #header .logo .forPhone{
     margin-left: 66px;
   }
   #header .lang{
     padding-right: 0;
   }
   #header .search{
     right: 68px;
   }

 }
 @media (max-width: 400px) {
   #header .search-group h2{
     font-size: 20px;
   }
   #header .search-group h2 i{
     display: none;
   }
 }
  #header .menu-toggle {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    cursor: pointer;
    display: none; 
  margin-top: 3px;}
    @media (max-width: 992px) {
      #header .menu-toggle {
        display: block; } }
    #header .menu-toggle div {
      height: 2px;
      background-color: black;
      transition: width 0.5s ease,top .5s,transform .5s;
      position: absolute;
      right: 0; }
      #header .menu-toggle div.bar1 {
        width: 18px;
        top: 0px; }
      #header .menu-toggle div.bar2 {
        width: 18px;
        top: 5px; }
      #header .menu-toggle div.bar3 {
        width: 12px;
        top: 10px; }
    #header .menu-toggle.active div.bar1 {
      width: 18px;
      top: 6px;
      transform: rotate(-45deg); }
    #header .menu-toggle.active div.bar2 {
      opacity: 0; }
    #header .menu-toggle.active div.bar3 {
      width: 18px;
      top: 6px;
      transform: rotate(45deg); }

  /*選單css全放這*/ 
  @media (max-width: 992px) {
    #header .logo{
      height:30px;
    }
    #header .bg_phone {
      width: 320px;
      overflow-y: auto;
      position: fixed;
      display: block;
      right: 0;
      top: 57px;
      background-image:url(images/menu_bg_phone.jpg) ;
      background-size: cover;
      height: calc(100vh - 57px);
      z-index: 10001;
      transition: transform .5s ease-in-out;
      transform: translateX(320px); }
      #header .bg_phone.active {
        transform: translateX(0px); }
      #header .bg_phone .scroll_wrapper {
        min-height: 520px;
        -webkit-overflow-scrolling: touch; }
        #header .bg_phone .scroll_wrapper ul.menu {
          margin: 0;
          height: auto;
          float: none; }
          #header .bg_phone .scroll_wrapper ul.menu > li {
            float: none;
            width: 100%;
            padding: 0;
            transform: translateX(100px);
            transition: transform .5s; }
            #header .bg_phone .scroll_wrapper ul.menu > li.DM ul li:nth-child(1) a i {
              margin-left: 1px; }
            #header .bg_phone .scroll_wrapper ul.menu > li.DM ul li:nth-child(2) a i {
              margin-left: 7px; }
            #header .bg_phone .scroll_wrapper ul.menu > li.slideIn {
              transform: translateX(0px); }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(1) {
              transition: transform .5s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(2) {
              transition: transform .55s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(3) {
              transition: transform .6s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(4) {
              transition: transform .65s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(5) {
              transition: transform .7s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(6) {
              transition: transform .75s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(7) {
              transition: transform .8s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(8) {
              transition: transform .85s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(9) {
              transition: transform .9s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(10) {
              transition: transform .95s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(11) {
              transition: transform 1s; }
            #header .bg_phone .scroll_wrapper ul.menu > li:nth-child(12) {
              transition: transform 1.05s; }
            #header .bg_phone .scroll_wrapper ul.menu > li span {
              position: relative; }
              #header .bg_phone .scroll_wrapper ul.menu > li span .icon-down-open {
                display: block;
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                zoom: 0.7; }
            #header .bg_phone .scroll_wrapper ul.menu > li:hover {
              background-color: initial; }
              #header .bg_phone .scroll_wrapper ul.menu > li:hover i {
                color: black; }
            #header .bg_phone .scroll_wrapper ul.menu > li > a, #header .bg_phone .scroll_wrapper ul.menu > li > span {
              display: block;
              line-height: 60px;
              border-bottom: none;
              padding: 0; }
              #header .bg_phone .scroll_wrapper ul.menu > li > a i, #header .bg_phone .scroll_wrapper ul.menu > li > span i {
                margin-left: 14px; }
                #header .bg_phone .scroll_wrapper ul.menu > li > a i:before, #header .bg_phone .scroll_wrapper ul.menu > li > span i:before {
                  display: inline-block;
                  width: 30px; }
            #header .bg_phone .scroll_wrapper ul.menu > li a i {
              width: 42px; }
            #header .bg_phone .scroll_wrapper ul.menu > li ul li a i {
              color: black; }
            #header .bg_phone .scroll_wrapper ul.menu > li ul li a span {
              line-height: 55px;
              width: calc(100% - 64px);
              color: black; }
            #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul {
              display: none;
              position: static;
              transform: none;
              padding-top: 0;
              top: 60px; }
              #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li {
                height: 60px;
                margin-bottom: 0;
                width: 100%;
                padding: 0; }
                #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li:hover {
                  background-color: white;
                  color: black; }
                  #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li:hover span {
                    color: black; }
                #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li span {
                  transition: initial; }
                #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li > a {
                  transition: initial;
                  line-height: 55px;
                  padding: 0;
                  text-align: left;
                  padding-left: 14px; }
                  #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li > a i {
                    display: block; }
                    #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li > a i:before {
                      display: inline-block;
                      margin: 0; }
                  #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul > li > a span {
                    margin-left: 40px; }
              #header .bg_phone .scroll_wrapper ul.menu > li.hasChild ul.active {
                transform: none; }
        #header .bg_phone .scroll_wrapper .outer_link {
          padding-bottom: 60px; }
          #header .bg_phone .scroll_wrapper .outer_link #outer_link-toggle {
            display: none; }
          #header .bg_phone .scroll_wrapper .outer_link ul {
            display: block;
            margin-left: 17px; } }
  @media (max-width: 576px) {
    #header .bg_phone {
      width: 100%;
      transform: translateX(100%);
      }
      #header .bg_phone .scroll_wrapper ul.menu > li {
        transform: translateX(80%); } }
    @media screen and (max-width: 992px) {
    #header .gray_block.active {
      left: 0;
      top: 57px;
      width: 100vw;
      height: 100vh;
      background-color: black;
      position: absolute;
      opacity: 0.5; 
    z-index: 10000;
  cursor: pointer;} }
  @media screen and (max-width: 576px) {
    #header .gray_block.active {
      display: none; } }

/* ==========================================================================
   footer
 ==========================================================================*/
#footer #scrolltop{
  background-color: #BFBFBF;
  border-radius:5px;
  background-image: none;
}
#footer #scrolltop i{
 
}
#footer #scrolltop i::before{
  font-size: 20px;
  color:white;
  position: absolute;
  top:47%;
  left:50%;
   margin: 0;
  transform: translate(-50%,-50%);
}
@media screen and (max-width: 1200px) {
  #footer #scrolltop{
    right:20px;
  }
  #footer #icon{
    left: 545px;
  }

}
@media screen and (max-width: 992px) {
  #footer blockquote{
    display:table;
    float:left;
  }
  #footer #icon{
    position: static;
    width:auto !important;
    float:right;
    margin-right:25px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  #footer {
    text-align: center;
  }
  #footer blockquote{
    display:block;
    float:none;
  }
  #footer #icon{
    float:none;
    margin-right:25px;
    margin-top: 10px;
  }
}
@media screen and (max-width: 576px) {
  #footer {
    padding-top: 35px;
    font-size: 16px;

    padding-bottom: 50px;
  }
  #footer .container{
    height: auto;
  }
  #footer #scrolltop{
    position: relative;
    margin:auto;
    margin-bottom:10px;
    top:auto;
    right:auto;
  }
  #footer blockquote{
    margin-left: 10px;
    margin-right: 10px;
  }
  #footer #icon{
    margin-top: 30px;
    margin-right: 0;
    padding-left: 45px;
    padding-right: 45px;
  }
  #footer #icon img{
    height: 40px;
  }
}








/* ==========================================================================
    首頁
 ==========================================================================*/

/*banner跟底下藍色底區塊*/
@media (max-width:10000px){
  #home #slide li{
    background-position: center top;
    background-repeat: no-repeat;
  }
  #home #slideForPhone{
    display:none;
    padding: 0;
    margin: 0;
  }
  #home #slideForPhone img{
    width:100%;
  }
  #home #slideForPhone  .slick-dots li button{
    border:none;
    background-color:white;
  }
  #home #slideForPhone  .slick-dots li.slick-active button{
    background-color:#EA0437;

  }
  #home #slideForPhone  .slick-dots{
    position: absolute;
    bottom:30px;
    left:50%;
    transform: translateX(-50%);
  }
}
@media (max-width:992px){
  #home #slide li{
   background-position: 56% top;
  }
  #home #slidedot{
    margin: 0 !important;
  }
  #txt .container{
    width:100%;
    padding: 35px 45px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 2em;
  }
}
@media (max-width:768px){
  #home #slide{
   display:none;
  }
  #home #slideForPhone{
    display:block;
  }
   #home #slidebg{
     height: auto;
     margin-bottom: -9px;
   }
   #home #slidedot{
     display:none;
   }
}

/*最新消息*/
@media (max-width:1200px){
  #box{
    padding-left:10px;
    padding-right:10px;
  }
   #box .container{
     max-width: 100%;
   }
   #box .container #indexNew{
     width: 570px;
   }

}
@media (max-width:992px){
  #home #box{
    padding-bottom: 25px;
    padding-bottom: 0;
    padding-right: 20px;
    padding-left: 20px;
  }
  #home #box .slider-wrap{
    width:100%;
    float:none;
  }
  #home #box .slider-wrap h2{
    font-size: 24px;
    float:none;
  }
  #home #box .slider-wrap h2 a{
    font-size: 16px;
    float:right;
  }
  #home #box  #indexSearch{
    width:100%;
    float:none;
    box-sizing: border-box;
  }
  #home #box #indexNew{
    width:100%;
  }
  #home #box #indexNew h3{
    font-size: 18px;
  }
  #home #box #indexNew time{
    font-size: 15px;
  }
  #home #box #indexNew p a{
    font-size: 16px;
  }
  #home #box .stripViewer .panelContainer .panel{
    width:calc(100vw - 67px);
  }


  #home #box #indexSearch{
    background-image: none;
    background-color: #EEEEEE;
    width:calc(100% + 50px);
    margin-left:-25px;
    padding:25px;
    border-top:1px solid #DCDCDC;
    border-bottom:1px solid #DCDCDC;
  }
  #home #box #indexSearch h2{
    font-size: 24px;
    font-family: "微軟正黑體";
  }
  #home #box #indexSearch h2 i{
    position: relative;
    top:-3px;
  }


  #home #box #indexSearch .proSearch{
    position: relative;
  }

  #home #box #indexSearch select{
    width:100%;
  }
  #home #box #indexSearch input{
    width:calc(100% - 165px) !important;
  }
  #home #box #indexSearch select,
  #home #box #indexSearch input{
    height: 50px !important;
    font-size: 16px;
    color:#666666;
    padding: 0;
    padding-left: 20px;
    margin-bottom:12px;
    border:1px solid #D4D4D4;
    box-sizing: border-box;
  }
  #home #box #indexSearch select{
    margin-bottom: 0;
  }
  #home #indexSearch a{
    right:0;
    height: 50px !important;
    line-height: 50px;
    bottom:12px;
    width:155px;
    font-size: 16px;
    box-sizing: border-box;
    padding-top: 0;
    padding-bottom: 0;
  }

}
@media (max-width:576px){
  #home #box .slider-wrap h2{
    width: 86%;
    margin: auto;
  }
  #home #box .slider-wrap{
    padding-bottom: 77px;
  }
  #home #box #stripNav0 {
    position: absolute;
    bottom:27px;
    left:50%;
    transform: translateX(-50%);
    margin:0;
    width:auto !important;
    float:none;
  }
  #home #box #stripNav0 ul{
    padding: 0;
    width:100%;
  }
  #home #box #stripNav0 ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }
  #home #box #stripNav0 ul li a{
    height: 28px;
    width: 28px;
    padding: 0;
    line-height: 28px;
  }
  #home #box .stripViewer .panelContainer .panel{
    margin-top: 30px;
    width:calc(100vw - 40px);
  }
  #home #box #indexNew {
    text-align: center;
  }
  #home #box #indexNew .img{
    float:none;
    margin:auto;
    width:100%;
    padding: 0;
    margin-bottom: 27px;
  }
  #home #box #indexNew .img img{
    width:310px;
    height: auto;
  }
  #home #box #indexNew p a{
    width:calc(100% - 50px);
    display:block;
    margin:auto;
    line-height: 1.8em;
    height:auto;
  }
  #home #box #indexNew time{
    display:block;
    margin-top: 6px;
    margin-bottom: 5px;
  }

  #home #box #indexSearch{
    padding-bottom: 40px;
  }
  #home #box #indexSearch h2{
    text-align: center;
    margin-top: 13px;
    margin-bottom:22px;
  }
  #home #box #indexSearch h2 span{
    margin-right: -5px;
  }


  #home #box #indexSearch select{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  }
 #home #box #indexSearch select{
   margin-bottom: 0;
 }

  #home #box #indexSearch .select_wrapper{
    width:100%;
    position: relative;
    margin-bottom: 12px;
  }
  #home #box #indexSearch .select_wrapper::after {
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:23px;
    content: "";
    border-top: .7em solid black;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
    pointer-events: none;
  }
  #home #box #indexSearch input{
    width:100% !important;
    box-sizing: border-box;
  }
  #home #indexSearch a{
    position: static;
    display:block;
    width:100%;
    box-sizing: border-box;
  }
}

/*產品介紹*/
@media (max-width:10000px){
  #home #productLink .sliderLength{
    display:none;
  }
  #home #productLink .slick-arrow{
    background: inherit ;
    width: 31px ;
    height: 31px ;
    margin:0;
    transform: translateY(-88%);
  }
  #home #productLink .slick-arrow:hover{
    background: inherit;
  }
  #home #productLink .slick-arrow:hover svg path{
    fill:#5C5C5C;
  }
  #home #productLink .slick-prev{
    left:-40px
  }
  #home #productLink .slick-next{
    right:-40px
  }
  #home #productLink #home-linkAd{
    height:auto;
  }

  #home #productLink ul.slider {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #home #productLink ul.slider  li {
      width: 120px;
      float: left;
      padding-top: 0;
      padding-right: 20px;
      padding-bottom: 0;
      padding-left: 20px;  
      height: 140px;
  }
  #home #productLink ul.slider  li a{
    display:block;
    width: 113px;
    height: 112px;
    position: relative;
    margin:auto;
    background-image: url(images/link01.png);
    background-position: -2px -3px;
    background-repeat: no-repeat;
  }
  #home #productLink ul.slider  li a img{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
  }
  #home #productLink ul.slider  li:hover {
    background-position: 20px -180px;
  }
  #home #productLink ul.slider  li p{
    line-height: 2.4em;
    color: #222222;
    font-weight: bold;
    font-size: 14px;
  }
}
@media(max-width:1200px){
  #home #productLink .container{
    margin:auto;
    width:80% !important;
    position: relative;
  }
}
@media (max-width:992px){
  #home  #productLink{
    height:auto;
    padding-bottom: 35px;
  }

  #home #productLink h2{
    font-size: 24px;
    margin-top:10px;
    margin-bottom: 13px;
  }
  #home #productLink .slick-arrow{
        transform: translateY(-125%);
  }
  #home #productLink ul.slider li{
    height: auto;
  }
  #home #productLink ul.slider li p{
    font-size: 16px;
    margin-top: 6px;
        line-height: 1.5em;
  }
}
@media (max-width:576px){
  #home #productLink .sliderLength{
    display:table;
    font-size: 16px;
    color:black;
    position: absolute;
    top:26px;
    right:6px;
  }
  #home #productLink .container{
    width:calc(100% - 50px);
  }
  #home #productLink h2{
    text-align: center;
  }
  #home #productLink .slick-prev{
    left:0;
  }
  #home #productLink .slick-next{
    right:0;
  }
}

/* ==========================================================================
    



                  產品介紹



 ==========================================================================*/





/* ==========================================================================
    產品大分類
 ==========================================================================*/
  #products  #proBox .container p{
   height:auto;
   min-height: 130px;
 }
@media(max-width:1200px){
  #products #proBox{
    max-width: calc(100% - 34px);
    margin:auto;
  }
  #products #proSearch .select_wrapper{
    top:0px; 
  }
  #products #proSearch select{
    top:0px;
    color: #666666;
  }
  #products #proSearch h2{
    margin-bottom: 25px;
  }
  #products #proSearch input{
    height: 26px !important;
    line-height: 28px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media(max-width:992px){
  #products #proSearch select{
    position: static;
  }
  #products #proSearch h2{
    margin-bottom: 23px;
  }
  #products #proSearch .select_wrapper{
    height: 40px !important;
  }
  #products{
    padding-bottom: 20px;
  }
  #products #proBox .container h1{
    font-size: 24px;
    margin-bottom: 0;
  }
  #products #proBox .container{
    border:none;
  }
  #products #proBox .container p{
    font-size: 16px;
    line-height: 1.8em;
    border-bottom:none;
    margin:0;
    width: 80%;
    background: rgba(255,255,255,0.8);
    padding: 10px;
    max-width: 500px;
  }
  #products #proSearch{
    margin-top: 15px;
  }
  #products #proSearch h2{
   font-size: 18px;
  }
  #products #proSearch select,
  #products #proSearch input{
    height: 40px !important;
    line-height: 40px;
    font-size: 16px;
    box-sizing: border-box;
    width: 200px;
    padding-left: 20px;
    color:#666666;
    padding-top: 0;
    padding-bottom: 0;
    border:1px solid #d4d4d4;

  }
  #products #proSearch a{
    height: 40px;
    line-height: 40px;
     box-sizing: border-box;
     font-size: 16px;
     padding: 0 20px;
  }
  #products #graphic{
    z-index: -1;
  }

  #products>.text >ul>li{
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
    width: 20%;
    background-position: center 0px;
  }

}
@media(max-width:768px){
  #products{
    padding-bottom: 0px;
  }
  #products #proBox .container{
    height: auto;
  }
  #products #proBox .container h1{
    margin-bottom: 0;
  }
  #products #proBox .container p{
    margin-top: 0;
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    background: none;
    padding: 0;
  }
  #products #graphic{
    position: static;
    margin-left: -150px;
  }
  #products>.text >ul{
    margin-top: 30px;
  }
  #products>.text >ul>li{
   padding: 0 0px;
   background-size: 85px;
   height: 115px;
  }
  #products>.text ul li.img {
      line-height: 80px !important;
  }
  #products>.text ul li.img img{
    width: 40px !important;
    height: 40px !important;
  }


}
@media(max-width:576px){
  #products #proSearch .select_wrapper{
    width: 100% !important;
    margin-bottom: 10px;
    top:0;
  }
   #products #proBox .container h1{
     padding: 0;
     margin-top: 0;
     padding-top: 20px;
     margin-bottom: 0px;
     text-align: center;
   }
  #products #proBox .container p{
    width:100%;
    box-sizing: border-box;
    margin-top: 0;
  }
  #products #proSearch h2{
    text-align: center;
  }
  #products #proSearch select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
  }
 #products #proSearch select,
  #products #proSearch input{
    width: 100% !important;
    position: static;
    display: block;
    border: 1px solid #D4D4D4;
  }
  #products #proSearch a{
    position: static;
    width:100%;
    display:block;
    margin-top: 12px;
  }
  #products>.text >ul{
    margin-top: 0;
    margin-bottom: 20px;
  }
  #products>.text >ul>li{
    width:50%;
    padding: 0 15px;
  }
}
/* ==========================================================================
    產品列表、產品搜尋
 ==========================================================================*/
@media(max-width:1200px){
   #content>div:not(#products) #proSearch .select_wrapper~input{
      width: calc(100% - 85px);
   }
}




@media(max-width:992px){
  #contentRihgt{
    float:none;
  }
  #productList.container{
    box-sizing: border-box;
  }
  #productList #contentRihgt{
    float:none;
    width:100%;    
  }
  #productList h2{
    font-size: 24px;
  }
  #productList  #contentRihgt h3{
    font-size: 18px;
    height: 30px;
    width: auto;
    padding: 0 30px;
    line-height: 30px;
  }
  #productList  .panel{
     width: calc(100vw - 40px);
  }
  #productList  .panel ul{
    margin: 0;
    width: 100%;
  }
  #productList  .panel ul.pro li{
    width: calc(33.33% - 32px);
    box-sizing: border-box;
  }
  #productList  .panel ul li p
  {
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #productList  .panel ul li a{
    font-size: 15px;
  }
}

@media(max-width:768px){

  #productList .panel ul.pro li{
    width: calc(50% - 32px);
  }
}

@media(max-width:576px){
  #productList  h2{
    text-align: center;
  }
  #productList  h3{
    margin: auto;
    display: table;
    float:none;
    margin-bottom: 20px;
  }
  #productList #stripNav0{
    display: none;
  }
  #productList  #slider1 .panelContainer{
    width: 100% !important;
  }
  #productList  .panel{
    width: 100% !important;
    float:none;
  }
  #productList .panel ul{
    margin-top: 0px;
  }
  #productList  .panel ul.pro li{
    width:100%;
    margin: 0;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }
   #productList  .panel ul.pro li:last-child{
     margin-bottom: 0;
   }
   #productList .panel ul li a.button{

     display: inline-block;
   }
}

/* ==========================================================================
    產品明細
 ==========================================================================*/
 #productDia div.tab_container .tab_content ul{
   padding-left: 25px;
   margin-top: 0;
   margin-bottom: 0;
 }
 #productDia div.tab_container .tab_content p.note{
   margin-left: 25px;
 }
 #productDia div.tab_container .tab_content p.note span{
   margin-left: 20px;
 }
 @media(max-width:992px){
   #productDia div.tab_container .tab_content p.note{
     margin-left: 20px;
   }
 }
@media(max-width:1200px){
   #productDia #productFooter #tab2 img{
     width: 100% !important; 
     height: auto !important;
   } 
   #productDia #productFooter #tab3 img{
     width: 100% !important; 
     height: auto !important;
   }
  #productDia  #productBox .proBtn a.btnL{
    left:0;
  }
  #productDia  #productBox .proBtn a.btnR{
    right:0;
  }
  #productDia .sm{
    margin-right: 20px;
  }

  #productDia #productFooter .tabs{
    padding: 0;
    margin: auto;
    display: table;
    width: auto;
  }

}
@media(max-width:992px){
  #productDia .info{
    width: 100%;
  }
  #productDia  #productBox{
    padding-top: 0;
  }
  #productDia  #productBox .proBtn a{
    top:57%;
    transform: translateY(-50%);
  }

  #productDia  #productBox .info .col{
    display: none;
  }
  #productDia  #productBox  h2{
    font-size: 24px;
  }
  #productDia  #productBox  h3{
    font-size: 18px;
    width:auto;
    padding:0 30px;
    height: 40px;
    line-height: 40px;
    display: table;
  }
  #productDia  #productBox  h4{
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #productDia .info{
    float:none;
  }
  #productDia .sublist{
    width:100%;
    float:none;
    height: auto;
  }
  #productDia .sublist .frame{
    float: none;
    width:100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  #productDia .sublist .frame .img{
    width: 40%;
    margin:auto;
    line-height: initial;
  }
  #productDia .sublist .frame img{
    width: 100%;
    
  }
  #productDia .sm{
    float:none;
    width: auto;
    display: table;
    margin:auto;
  }
  #productDia .sm li{
    float: left;
    margin: 8px;
  }
  #productDia ul.tabs li{
    min-width: 100px;
    width: auto;
  }

  #productDia ul.tabs li a{
    font-size: 15px;
    padding: 0 10px;
  }
  #productDia div.tab_container{
    font-size: 16px;
  }
  #productDia div.tab_container #tab1 ul{
    padding-left: 20px;
  }
}
@media(max-width:768px){
  #productDia .sublist .frame .img{
    width: 60%;

    margin:auto;
  }

  #productDia  #productFooter .productFooterBg{
    background-image: none;
  }
  #productDia ul.tabs{
    width: 100% !important;
    padding-top: 10px !important;
    border-bottom: 1px solid #D7D7D7;
  }

  #productDia ul.tabs li{
    float:none;
    width: 100%;
    line-height: 40px;
  }
  #productDia ul.tabs li a{
    line-height: 40px;
    
  }
  #productDia ul.tabs li a span{
    position: relative;
  }
  #productDia ul.tabs li a:hover{
    background-color: inherit;
    border-bottom:none;
  }
  #productDia ul.tabs li.active a{
    background-color: inherit;
    border-bottom:none;
  }
  #productDia ul.tabs li.active a span:before{
    content:"";
    display: block;
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    top:50%;
    transform: translateY(-50%);
    left:-20px;
    background-image: url("images/arrow.svg");
    width: 10px;
    height: 10px;
    background-size: cover;
  }
  #productDia div.tab_container #tab1 ul{
    margin-top: 0;

  }
}
@media(max-width:576px){
  #productDia #productBox h2{
    text-align: center;
  }
  #productDia #productBox h3{
    display: table;
    margin: auto;
  }
  #productDia #productBox h4{
    text-align: center;
  }
  #productDia #productBox .btn_group{
    display: table;
    margin: auto;
  }
  #productDia #productBox .btn_group a{
    margin:0 5px !important;
    display:inline-block;
  }
  #productDia .sublist .frame .img{
    width: 80%;
  }
}
/* ==========================================================================
    



                  最新消息



 ==========================================================================*/
/* ==========================================================================
    列表、內頁
 ==========================================================================*/
@media(max-width:992px){
  #news{
    padding-bottom: 80px !important;
  }

  #news  time,
  #newDia  time{
    font-size: 15px;
  }
  #newDia .text h2{
    line-height: 1.8em;
    padding: 10px 0;

  }
  #newDia .text hr{
    display: none;
  }
  #newDia .text ul{
    padding-left: 20px;
  }
  #newDia .text ul li{
    margin-bottom: 5px;
  }
  #news ul.about05 li{
    padding: 15px 0;
    font-size: 16px;
  }
  #news ul.about05 li a{
    display: block;
    position: relative;
  }
  #news ul.about05 li .img{
    line-height: initial;
    float:none;
    position: absolute;
    top:50%;
    left:0;
    transform: translateY(-50%);
  }
  #news ul.about05 li h3{
    font-size: 18px;
    width: calc(100% - 220px);
    margin-left: 220px;
  }
  #news ul.about05 li p{
    height: auto;
    width: calc(100% - 220px);
    margin-left: 220px;
  }
}
@media(max-width:576px){
  #news{
    padding-bottom: 20px !important;
  }
  #news ul.about05 li:hover{
    background: initial;
  }
   #news ul.about05 li .img{
     position: static;
     transform: none;
     width: 100%;
     margin-bottom: 20px;
   }
  #news ul.about05 li .img:hover{
    opacity: 1;
  }
   #news ul.about05 li .img  img{
     width:100%;
     height: auto;
   }
  #news ul.about05 li h3,
  #news ul.about05 li p{
    
    width: 100%;
    margin-left: 0px;
  }
  #news ul.about05 li p{
    font-size: 16px;
  }
}
/* ==========================================================================
    



                  關於安良



 ==========================================================================*/
/* ==========================================================================
     公司簡介、選擇安良、經營理念、品質政策
 ==========================================================================*/
@media(max-width:992px){

  #about02 .text ul{
    margin-right: -10px;
    margin-left: -10px;
  }
  #about02 .text ul li{
    width: 50%;
    margin: 0;
    padding: 0 5px;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #about02 .text ul li h3{
    font-size: 18px;
  }
  #about02 .text ul li img{
    width: 100% !important;
    height:auto !important
  }

}
@media(max-width:768px){
   #about02 .text ul li{
     width: 100%;
   }
   #about02 .text ul li:last-child{
     margin-bottom: 0;
   }
    #about02 .text ul li h3{
      line-height: 2em;
      padding: 0;
    }
    #about02 .text ul li p{
      padding-left: 0;
      padding-right: 0;
    }
}
@media(max-width:576px){
  #about .text p.center{
    text-align: center;
  }
}
/* ==========================================================================
    品質認證
 ==========================================================================*/
@media(max-width:992px){
  #about05 ul.about05 li{
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }
  #about05 ul.about05 li:hover {
      background-color: inherit;
  }
  #about05 ul.about05 li .img {
    line-height: initial;
    float: none;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  #about05 ul.about05 li h3 {
      font-size: 18px;
      width: calc(100% - 152px);
      margin-left: 152px;
      line-height: 1.5em;
  }
  #about05 ul.about05 li p {
      height: auto;
      width: calc(100% - 152px);
      margin-left: 152px;
  }
}
@media(max-width:576px){
  #about05 ul.about05 li .img {
      position: static;
      transform: none;
      width: 100%;
      margin-bottom: 20px;
      margin-top: 20px;
  }
  #about05 ul.about05 li h3,
  #about05 ul.about05 li p {
      width: 100%;
      margin-left: 0px;
  }
}

/* ==========================================================================
    



                  技術支援



 ==========================================================================*/
 /*產品型錄、使用手冊、產品安裝及接線範例、技術搜尋*/
 #technical tr td:nth-child(1) span{
   display:none;
 }
 #stripNav0 {
   width: auto !important;
   margin-right: 20px;
 }
#stripNav0 ul{
  width: auto;
}
#stripNav0 a{
  font-size: 13px !important;
}
#technical #searchBox .select_wrapper{
  float:left;
}
#technical #searchBox .select_wrapper~input{
  position: static;
  float:left;
  padding: 0;
  height: 24px !important;
}
#technical #searchBox .select_wrapper~.searchBtn{
  position: static;
  float: left;
}
@media(max-width:1200px){
 #technical #searchBox .select_wrapper~input{
   height: 26px !important;
   padding-left: 10px;
 }
}
@media(max-width:992px){
  #technical #searchBox .select_wrapper{
    height: 40px !important;
  }
  #technical #searchBox .select_wrapper~input{
    height: 40px !important;
  }
 #technical #searchBox .select_wrapper~input{
   padding-left: 20px;
 }
   #stripNav0{
     margin-right: 0;
   }
   #stripNav0 a{
     line-height: 14px;
     width: 14px;
     height: 14px;
   }
   .stripNav ul li{
     margin-bottom: 5px;
   }
  #technical .text  h3,
  #technicalSearch  .text  h3{
    font-size: 18px;
    padding-left: 0;
    line-height: 1.8em;
  }
  #technical #stripNav0{
    margin-bottom: 0;
  }
  #technical #stripNav0 ul{
    margin: 0;
  }
  #technical .panel{
    width: calc(100vw - 40px);
  }
  #technical table,
  #technical tbody,
  #technical tr,
  #technical td{
    display:block;
  }
  #technical thead{
    display:none;
  }
   #technical tbody>a{
     text-decoration: none;
   }
  #technical tr{
    border-bottom:1px solid #CCC;
    padding: 10px 0;
  }
  #technical tr:hover{
    background: inherit;
  }
  #technical td{
    border:none;
     background-image: none;
     padding: 0;
     text-align: left;
  }
   #technical tr td:nth-child(1){
     padding-bottom: 5px;
     padding-right: 20px;
   }
  #technical tr td:nth-child(1) a{
     float:left;
     width: calc(100% - 70px);
  }
  #technical tr td:nth-child(1) span{
    display:block;
     float:left;
     width: 70px;
  }
  #technical tr td:nth-child(2){
    float: left;
    padding-right:20px;
  }
  #technical tr td:nth-child(2):before{
    content:"Category：";
  }
  #technical tr td:nth-child(3){
    float: left;
  }
  #technical tr td:nth-child(3):before{
    content:"Upload date：";
  }

  #technicalSearch .searchInfo{
    padding: 0;
  }
  #technicalSearch .searchInfo h4{
    font-size: 18px;
  }
  #technicalSearch ul.searchList{
    padding-left: 0;
  }
  #technicalSearch ul.searchList li{
        padding: 10px 0px 10px 25px;
  }
}

@media(max-width:576px){
  #technical .text .panel{
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #technical tr td:nth-child(2){
    float: none;
    padding-right: 0px;
    padding-bottom: 5px;
  }
  #technical tr td:nth-child(3){
    float: none;
  }
}
/*常見問題*/

@media(max-width:992px){
  #technicalFaq h3{
    font-size: 18px;
    padding-left: 0;
  }
  #technicalFaq #sidebar02{
    float:none;
    width:100%;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  #technicalFaq #sidebar02  ul {
      padding-bottom: 30px;
  }


  #technicalFaq #contentRihgt{
    float:none;
    width:100%;
    padding: 0;
  }
  #technicalFaq #contentRihgt .panel{
    width:calc(100vw - 40px);
  }
  #technicalFaq #contentRihgt .panel:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #technicalFaq #contentRihgt .panel .accordion{
    padding: 0;
  }
  #technicalFaq #contentRihgt .panel .accordion ul{
    float:none;
    padding: 0;
    margin: 0;
  }
  #technicalFaq #contentRihgt .panel .accordion ul li .acTitle{
    width: 100%;
    height: auto;
     box-sizing: border-box;
  }
  #technicalFaq #contentRihgt .panel .accordion ul li .acContent{
    width: 100%;  
    box-sizing: border-box;
  }

}

/*技術搜尋*/
@media(max-width:992px){
  #technicalSearch .accordion{
    padding: 0;
  }  
  #technicalSearch .accordion ul{
    padding-left: 4px;
  }  
  #technicalSearch  .accordion ul li .acTitle{
    width: 100%;
    height: auto;
     box-sizing: border-box;
  }
  #technicalSearch #searchBox p{
    margin-top: 5px;
  }
}




/* ==========================================================================
    



                 經銷商專區



 ==========================================================================*/

#dealerForgot .ps{
      margin-top: 30px;
      margin-left: 115px;
}
#dealer_join .ps{
      margin-top: 5px;
      margin-left: 40px;
}
#dealer .form .row .rowright{
  margin-left: 130px;
}
#dealer_persona .ps2{
  margin-left: 45px;
  margin-top: 5px;
}
@media(max-width:992px){
  #dealer #dealerLogin{
    padding: 0;
    display: table;
    margin: auto;
    text-align: center;
  }

  #dealer #dealerLogin .rowleft,
  #dealer_persona .rowleft,
  #dealerPersona02 .rowleft{
    float:left;
  }
  #dealer #dealerLogin .rowright,
  #dealer_persona .rowright,
  #dealerPersona02 .rowright{
    float:left;
    margin: 0 !important;
  }
  #dealer #dealerLogin input,
  #dealer_persona input,
  #dealerPersona02  input,
  #dealerForgot input,
  #dealer_join input{
   width: 400px;
   height: 40px;
   line-height: 40px;
   box-sizing: border-box;
   padding: 5px 20px;
   border:1px solid #d4d4d4;
  }
  #dealer #dealerLogin input#VerificationCode,
   #dealer_persona input#VerificationCode,
  #dealerPersona02 input#VerificationCode{
   width: 290px !important;
  }

 input#VerificationCode~a{
    line-height: 40px;
    margin-left: 10px;
  }
  input#VerificationCode~a span{
    margin:0;
    display: block;
    line-height: 40px;
    background: rgb(205,205,205);
  }
  input#VerificationCode~a span img{
    vertical-align: text-bottom;
  }
  #dealer #dealerLogin .row .rowleft,
  #dealer_persona .row .rowleft,
  #dealerPersona02 .row .rowleft,
  #dealerForgot .row .rowleft,
  #dealer_join .row .rowleft{
    margin-right: 10px;
  }
  #dealer #dealerLogin .row label span,
  #dealer_persona .row label span,
  #dealerPersona02 .row label span,
  #dealerForgot .row label span,
  #dealer_join .row label span{
    line-height: 40px;
    display: block;
    margin-left: 0;
  }
  #dealer #dealerLogin .ps,
  #dealer_persona .ps,
  #dealerForgot .ps,
  #dealer_join .ps{
    margin-left: 130px;
  }
  #dealer #dealerLogin .row.login .rowright,
  #dealer_persona .row.login .rowright{
    float:none;
    margin-bottom: 10px;
  }
  #dealer #dealerLogin .row.login .rowright input{
    padding-top: 0;
    padding-bottom: 0;
  }
  #dealer #dealerLogin .row.login .rowright input[type=submit]{
    margin-bottom: 20px;
    margin-right: 0;
    margin-left: 0;
  }

  #dealer #dealerLogin input{
    width: 380px;
  }
  #dealer #dealerLogin input#VerificationCode{
    width: 270px !important;
  }
  #dealer .form .row .rowleft{
    width: 140px;
  }
  #dealer #dealerLogin .ps{
    margin-left: 150px;
    text-align: left;
  }
  #dealerForgot .ps{
    margin-left: 140px;
  }
  #dealer_join .form .row .rowleft,
  #dealer_persona .form .row .rowleft{
    width:auto;
  }
  #dealer_persona .form .row .rowright{
    width: 100%;
  }
  #dealer_persona .form .row .rowright input{
    width: 100% !important;
  }
  #dealer_persona input#VerificationCode{
    width: calc(100% - 110px) !important;
  }
  #dealer_persona .ps2{
    margin-left: 0;
  }
}
@media(max-width:768px){
    #dealer_persona input,
    #dealerPersona02  input{
      width: 350px;
    }
    #dealer_persona input#VerificationCode,
    #dealerPersona02 input#VerificationCode{
      width: 240px !important;
    }
    #dealer_persona input#VerificationCode{
      width: calc(100% - 110px) !important;
    }
}
@media(max-width:576px){
  #dealer #dealerLogin input{
    width: calc(100vw - 40px);
  }
  #dealer #dealerLogin input#VerificationCode{
   width: calc(100% - 110px) !important;
  }
  #dealer #dealerLogin .rowleft,
  #dealerForgot .rowleft{
    float:none;
  }
  #dealer #dealerLogin .rowright,
  #dealerForgot .rowright{
    width: 100%;
    text-align: left;
  }
  #dealer #dealerLogin input#VerificationCode,
  #dealerForgot input#VerificationCode,
  #{
   width: calc(100% - 110px);
  }
  #dealer #dealerLogin .ps{
    margin: auto;
  }

  #dealer #dealerLogin .row .rowleft .required,
  #dealerPersona02 .row .rowleft .required,
  #dealerForgot .row .rowleft .required,
  #dealer_join .row .rowleft .required{
    margin-left: 0;
    text-align: left;
  }

}
/*經銷商資料管理、修改密碼、檔案下載*/
#dealer_persona .title,
#dealerPersona02 .title{
  margin-bottom: 20px;
}
#dealer_persona .ps{
  margin-left: 120px;
  margin-top: 5px;
}
#dealerPersona02 .ps{
  margin-left: 240px;
  margin-top: 5px;
}
#dealerPersona02 .ps2{
  margin-left: 100px;
}
@media(max-width:992px){
  #dealer_persona,
  #dealerPersona02,
  #dealerDownload{
    display: table;
    margin: auto;
    min-width: 530px;
  }
  #dealer_persona .title,
  #dealerPersona02 .title,
  #dealerDownload .title,
  #dealer_join .title{
    font-size: 18px;
    margin-bottom: 10px;
  }
  #dealerPersona02 .form .row .rowleft{
    width: auto;
    float:none;
  }
  #dealer_persona #VerificationCode,
  #dealerPersona02 #VerificationCode,{
    margin-bottom: 6px;
  }
  #dealer_persona #VerificationCode~a,
  #dealerPersona02 #VerificationCode~a{
    margin-bottom: 6px;
  }
  #dealer_persona #VerificationCode~p,
  #dealerPersona02 #VerificationCode~p{
    float:none;
  }
  #dealer_persona .btn input,
  #dealerPersona02 .btn input{
    display:block;
    margin:auto;
    margin-bottom: 12px;
    padding-top: 0;
    padding-bottom: 0;
  }
  #dealer_persona .ps{
    margin-left: 17px;
    margin-top: 50px;
  }
  #dealerPersona02 .ps{
    margin-left: 0px;
    margin-top: 45px;
  }
  #dealerDownload ul{
    margin-right: 0;
  }
  #dealerDownload ul li{
    width: 100%;
    box-sizing: border-box;
  }
  #dealerDownload ul li p{
    width:auto;
  }
  #dealerDownload ul li img{
    float:right;
    margin-right:0px;
  }
  #dealer_persona label span:not(.required){
    margin-left: 18px;
  }
  #dealerPersona02 .form .row .rowright{
    width: 100%;
  }
  #dealerPersona02 input{
    width: 100%;
  }
  #dealerPersona02 input#VerificationCode{
    width: calc(100% - 110px) !important;
  }
  #dealerPersona02 .ps2{
    margin-left: 0;
  }
}
@media(max-width:576px){
  #dealerPersona02 .form .row .rowleft{
    width: auto;
  }
  #dealer_persona,
  #dealerPersona02,
  #dealerDownload{
    width: 100%;
    min-width: initial;
    margin-top: 10px;
  }
  #dealer_persona .title,
  #dealerPersona02 .title,
  #dealerDownload .title,
  #dealer_join .title{
    display: none;
  }
  #dealer_persona .rowleft,
  #dealer_persona .rowright,
  #dealerPersona02 .rowleft,
  #dealerPersona02 .rowright{
      float:none;
  }
  #dealer_persona .rowleft span{
    margin-left: 14px;
  }
  #dealer_persona .rowleft span.required{
    margin-left: 0;
  }
  #dealer_persona .ps,
  #dealerPersona02 .ps{
    margin-left: 0px;
    margin-top: 5px;
  }
  #dealer_persona input,
  #dealerPersona02 input{
    width: 100%;
    float:none;
  }
  #dealer_persona input#VerificationCode,
  #dealerPersona02 input#VerificationCode{
    width: calc(100% - 110px) !important;
    float:left;
  }
  #dealer_persona input#VerificationCode~a,
  #dealerPersona02 input#VerificationCode~a{
    margin-left: 10px;
  }
}
/*忘記密碼*/
#dealerForgot h2{
  line-height: initial;
  padding: 18px 0;
}
@media(max-width:992px){
  #dealerForgot .text{
    display: table;
    margin: auto;
    width: auto !important;
    max-width: 540px;
  }
  #dealerForgot p{
    padding-left: 0;
  }
  #dealerForgot .ps{
    margin-top: 48px;
  }
  #dealerForgot .rowright{
    margin: 0;
  }
  #dealerForgot form .row:last-child{
    text-align: center;
  }
  #dealerForgot input#VerificationCode{
    width:290px;
  }
  #dealerForgot input[type=submit]{
    padding: 0;
    margin: 0;
  }
}
@media(max-width:576px){

  #dealerForgot{
    width: 100% !important;
  }
  #dealerForgot h2{
    padding-top: 0;
  }
  #dealerForgot hr{
    margin-bottom: 0;
  }
  #dealerForgot input{
    width: 100%;
  }
  #dealerForgot .ps{
    margin-left: 0;
  }
  #dealerForgot input#VerificationCode{
    width:calc(100% - 110px);
  }
}
/*經銷商申請*/
#dealer_join h2{
  line-height: initial;
  padding: 18px 0;
}
#dealer_join form>p{
  margin-bottom: 20px;
}
#dealer_join .forPhone{
  display:none;
}

@media(max-width:992px){
  #dealer_join{
    width: 100% !important;
  }
  #dealer_join .text {
      display: table;
      margin: auto;
      width: 530px !important;
  }
  #dealer_join .row .rowleft{
    margin-bottom: 0px;
  }
  #dealer_join .row .rowright{
    margin: 0 ;

  }
  #dealer_join input#VerificationCode{
    width: calc(100% - 110px) !important;
  }
  #dealer_join input{
    width: 100% !important;
  }
  #dealer_join .row .rowright input:nth-child(1){
    margin-bottom: 12px;
  }
  #dealer_join .row:nth-child(3) .rowleft,
  #dealer_join .row:nth-child(5) .rowleft{
    margin-bottom: 0;
  }
  #dealer_join .row:nth-child(3) .rowright input,
  #dealer_join .row:nth-child(5) .rowright input{
    margin-bottom: 0px;
  }
   #dealer_join .row .rowright label{
     width: 120px;
   }
  #dealer_join .row .rowright label span{
    display:block;
    float:left;
    width: 200px;
    margin-right: 10px;
    margin-left: 0;
  }
  #dealer_join .forPC{
    display:none !important;
  }
  #dealer_join .forPhone{
    display:block;
  }

  #dealer_join hr.line{
    margin-top: 0;
    padding-top: 0;
  }
   #dealer_join .btn input{
     margin: auto;
     margin-bottom: 12px;
     padding: 0;
   }
   #dealer_join .ps{
     margin-left: 0;
     margin-top: 0;
   }

}
@media(max-width:576px){
  #dealer_join{
    min-width: initial;
  }
  #dealer_join h2{
    padding-top: 0;
  }
  #dealer_join .text{
    width: 100% !important;
  }
  #dealer_join .row .rowleft{
    float:none;
    margin-bottom: 0;
  }
  #dealer_join .row .rowright label span{
    float:none;
  }
  #dealer_join .row .rowright input{
    width: 100% !important;
    box-sizing: border-box;
  }
  #dealer_join input#VerificationCode{
    width:calc(100% - 110px) !important;
  }
  #dealer_join .ps{
    margin: auto;
  }
  #dealer_join form>p{
    margin-bottom: 0;
  }
  #dealer_join .btn input{
    width: 100% !important;
  }
}
/* ==========================================================================
    



              全球據點



 ==========================================================================*/
 #map #mapaside dl.mapmenu > dd > ul li::before{
   content:">";
 }
  #map .holdinfo{
   float:left;
 }
#map .holdinfo >p{
  padding: 2px 10px;
}
#map .holdinfo >p>span:nth-child(1){
  margin-right: 20px;
}
@media(max-width:1200px){
   #map #mapaside{
     margin-left: 20px;
   }
   #map .map{
     width: calc(100% - 215px);
   }
}
@media(max-width:992px){
  #map {
    width: calc(100% - 40px) !important;
  }

  #map #mapaside{
    margin-left: 0;
    width: 180px;
    margin-top: 15px;
  }
  #map aside h1{
    font-size: 24px;
  }
   #map .map h1{
    font-size: 24px;
   }
  #map .map {
      width: calc(100% - 180px);
  }
   #map #mapaside dl.mapmenu a{
     font-size: 16px;
     display: block;
   }
  #map #mapaside dl.mapmenu > dd > ul li::before{
    content:"";
  }
   #map #mapaside dl.mapmenu > dt{
    line-height: initial ;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
   }

   #map .stronghold{
     padding: 10px 0;
   }
   #map .stronghold .city{
     width: auto;
   }
   #map .holdinfo tr{
    line-height: 2em;
   }
   #map  h1{
     line-height: 1.5em;
   }
    #map .holdinfo >p{
      padding: 5px 10px;
    }
}
@media(max-width:768px){
  #map #mapaside{
    float:none;
    background: none ;
    margin-top: 30px;
    width: auto;
    min-height: initial;

  }
  #map #mapaside h1{
    float:none;
    text-align: center;
    line-height: 25px;
    padding: 0;
    margin-bottom: 0;
    letter-spacing: 2px;
  }
  #map #mapaside dl.mapmenu{
    display: table;
    margin: auto;
    text-align: center;
    letter-spacing: 2px;
    min-width: 200px;
    margin-top: 20px;
  }
  #map #mapaside dl.mapmenu a.maincompany{
    padding: 0;
    background: initial;
    border-bottom:1px solid black;
  }
  #map #mapaside dl.mapmenu > dt{
    padding: 0;
    background: initial;
    border-bottom:1px solid black;
   

  }
  #map #mapaside dl.mapmenu > dd > ul li{
    padding-left: 0;
  }
  #map .map{
    width: 100%;
    float:none;
    text-align: center;
  }
   #map .map h1{
     float:none;
     line-height: initial;
     padding: 0;
     margin-top: 30px;
     margin-bottom: 0px;
   }
   #map .stronghold{
     padding-top: 20px;
   }
  #map .stronghold .city{
    padding: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    float:none;
    display: table;
    margin: auto;
  }
  #map .holdinfo{
    float: none;
  }
  #map .holdinfo table,
  #map .holdinfo tbody,
  #map .holdinfo tr{
    display: block;
  }
  #map .holdinfo td{
    padding: 0;
     display:block;
  }
  #map .pageNum{
    margin-top: 0;
  }
   #map #mapaside dl.mapmenu a{
    height: 40px !important;
    line-height: 40px !important;
   }
}
@media(max-width:576px){
    #map .holdinfo >p>span{
      display: block;
    }
    #map .holdinfo >p>span:nth-child(1){
      margin-right:0;
      margin-bottom: 10px;
    }
}

/* ==========================================================================
    



              聯絡我們



 ==========================================================================*/
 #contact .text>p{
   padding: 18px 0;
 }
 #contact .text>p>span{
   display: block;
 }
   #contact .ps{
    margin-left: 130px;

  }
@media(max-width:992px){
 #contact .text>p>span{
   display: inline;
 }
 #contact select{
   height: 40px;
   width: 100%;
   
 }
  #mapPic a{
   margin: 0;
   margin-top: 20px;
 }
  #addressBox {
      float: none;
      margin: auto;
  }
  #contentRihgt02{
    width: 100%;
  }
  #contact{
    display: table;
    margin: auto;
    margin-top: 10px;
  }
  #contact input{
    box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 5px 20px;
    border:1px solid #D4d4d4;
  }

  #contact .rowleft{
    width: 176px;
  }
  #contact .rowleft span{
    line-height: 40px;
    display: block;
  }
  #contact .rowright{
    margin-right: 0;
    margin-left: 145px;
  }
   #contact .rowright span{
     display:inline-block;
     width: 90px;
     line-height: 40px;
     margin: 0;
     text-align: right;
     margin-right: 10px;
   }
  #contact .rowright input:only-child{
   width: 100% !important;
  }
  #contact textarea{
    width: 100%;
    padding: 5px 20px;
    box-sizing: border-box;
    border:1px solid #d4d4d4;
  }
  #contact textarea{
    -webkit-appearance: none;
  }
  #contact input#VerificationCode~a{
    line-height: 40px;
    margin-left: 10px;
  }
  #contact input#VerificationCode~a span{
    margin: 0;
    display: block;
    line-height: 40px;
    background: rgb(205,205,205);
    width: 100px;
  }
  #contact input#VerificationCode~a span img{
    vertical-align: text-bottom;
  }
  #contact .ps{
    margin-left: 146px;
    margin-top: 6px;
  }
  #contact .btn input{
   
    margin: auto;
    margin-bottom: 12px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media(max-width:768px){
  #contact {
    margin-bottom: 50px;
  }
  #contact  .rowleft{
    float:none;
  }
  #contact  .rowleft span{
    margin-left: 16px;
  }
  #contact  .rowleft span.required{
    margin-left: 0;
  }
  #contact  .rowright{
    margin-left: 0;
  }
  #contact  .rowright label{
    display: block;
  }
  #contact input{
    width: 100% !important;
  }
  #contact input#VerificationCode{
    width: calc(100% - 110px) !important;
    float: left;
  }

  #contact .ps{
    margin-left: 0;
  }
  #contact .rowright span{
    text-align: left;
  }
  #contact .rowright label span:not(.required){
    margin-left: 16px;
  }
  #contact .emailSpan{
    letter-spacing: 3px;
  }
  #contact .rowright span{
    width: auto;
  }
  #contact .VerificationCodeSpan{
    letter-spacing: 5.5px;
  }
}
@media(max-width:576px){
  #contact {
    margin-bottom: 0px;
  }
}


/* ==========================================================================
    



              詢價單



 ==========================================================================*/
 #inquiry .text>p{
   padding-bottom: 20px;
 }
  #inquiry #country{
    width: 312px;
  }
@media(max-width:992px){
  #inquiry .text>p{
    text-align: center;
  }
  #inquiry #country{
    width: 348px;
    height: 40px;
  }
    
  #inquiry form{
    width: 523px !important;
    margin: auto;
  }
  #inquiry input{
    width: 348px !important;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 5px 20px;
    border:1px solid #d4d4d4;
  }
  #inquiry .row .rowleft{
    margin-right: 0px;
    margin-bottom: 12px;
    width: 175px;
  }
  #inquiry .row label span{
    line-height: 40px;
    display: block;
  }
  #inquiry .row .rowright{
    margin: 0;
  }
  #inquiry .row .rowright label span{
    display: block;
    float: left;
    width: 165px;
    margin-right: 10px;
    padding-left: 24px;
    box-sizing: border-box;
    margin-left: 0;
  }
  #inquiry .row .rowright input:nth-child(1) {
    margin-bottom: 12px;
  }
  #inquiry .row .rowright label{
    width: 120px;
  }
  #inquiry form .row:nth-child(2) .rowleft,
  #inquiry form .row:nth-child(3) .rowleft,
  #inquiry form .row:nth-child(4) .rowleft{
    margin-bottom: 0;
  }
  #inquiry form .row:nth-child(2) .rowright input,
  #inquiry form .row:nth-child(3) .rowright input,
  #inquiry form .row:nth-child(4) .rowright input{
    
      margin-bottom: 0 !important;
    
  }
  #inquiry form textarea{
    max-width: 100%;
  }
  #inquiry form .row:nth-child(5) .rowleft{

    margin-bottom: 0;
  }
  #inquiry form .row:nth-child(5) textarea{
    width: 100% !important;
    box-sizing: border-box;
    -webkit-appearance: none;
    border:1px solid #d4d4d4;
  }
  #inquiry input#VerificationCode{
    width: 238px !important;
  }
  #inquiry .ps{
    margin-left: 0px;
  }
  #inquiry .btn input{
    margin-bottom: 12px;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
@media(max-width:768px){
  #inquiry table{
    width: 530px;
    margin: auto;
  }
  #inquiry table *{
    display:block;
  }
  #inquiry table thead{
    display: none;
  }
  #inquiry table  tr{
    border-bottom:1px solid #ccc;
    padding-top: 20px;
  }
  #inquiry table  tr:hover{
    background-color: inherit;
  }
  #inquiry table  td{
    border: none !important;
    text-align: center;
  }
  #inquiry table tr td:nth-child(1):before{
    content:"Product Name：";
  }
   #inquiry table tr td:nth-child(1) strong{
     display: inline;
   }
 #inquiry table tr td:nth-child(2):before{
    content:"Model：";
  }
  #inquiry table  td img{
    height: auto;
    margin: auto;
  }
  #inquiry  td  .del{
   margin-left: auto;
  }
}
@media(max-width:576px){
 #inquiry .text>p{
   padding-bottom: 0px;
 }
 #inquiry .text>p>span{
   display:block;
 }
 #inquiry .row label span{
   margin-left: 0;
 }
 
 #inquiry .rowright label span:not(.required){
   margin-left: 14px;
   padding-left: 0;
 }
 #inquiry .rowleft label span:not(.required){
   margin-left: 14px;
   padding-left: 0;
 }
  #inquiry table{
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
  }
  #inquiry table .del{
    background-position: 0px 0px !important;
    height: 27px !important;
    width: 27px !important;
  }
  #inquiry form{
    width: 100% !important;
  }
  #inquiry input{
    width: 100% !important;
  }
 #inquiry select{
    width: 100% !important;
  }
  #inquiry .row .rowleft{
    float: none;
    margin-bottom: 0;
  }
  #inquiry input#VerificationCode{
    width: calc(100% - 110px) !important;
  }
  #inquiry .ps{
    margin-left: 0;
  }
}



.coda-nav-left,
.coda-nav-right{
  width: 22px;
  float:left;
}



#about05 ul.about05 li p{
  margin-left: 150px;
}
@media (max-width: 576px){
  #about05 ul.about05 li p{
    margin-left: 0px;
  }
}
#technical #searchBox .select_wrapper,
#technicalSearch #searchBox .select_wrapper{
  position: absolute;
    left: 396px;
    bottom: 50px;
}
#technical #searchBox .select_wrapper~input,
#technicalSearch  #searchBox .select_wrapper~input{
    position: absolute;
    left: 600px;
    bottom: 50px;
}
#technical #searchBox .select_wrapper~.searchBtn,
#technicalSearch  #searchBox .select_wrapper~.searchBtn{
    position: absolute;
    left: 785px;
    bottom: 50px;
}
@media (max-width: 992px){
  #technical #searchBox .select_wrapper,
  #technicalSearch #searchBox .select_wrapper{
    position: relative;
      left: auto;
      bottom: auto;
  }
  #technical #searchBox .select_wrapper~input,
  #technicalSearch  #searchBox .select_wrapper~input{
      position: relative;
      left: auto;
      bottom: auto;
  }
  #technical #searchBox .select_wrapper~.searchBtn,
  #technicalSearch  #searchBox .select_wrapper~.searchBtn{
      position: relative;
      left: auto;
      bottom: auto;
  }
}


#map .holdinfo{
  width: calc(100% - 150px);
}
@media (max-width: 768px){
  #map .holdinfo{
    width:100%;
  }
}
@media (max-width: 992px){
  #about05 ul.about05 li h3{
    text-align: left;
  }
}

@media (max-width: 576px){
  #dealer #dealerLogin {
    display: block;
  }
  #dealer #dealerLogin input{
    width: 100%;
  }
}


/*重寫*/

#contact.contact{
  padding-right: 21px;
}
#contact.contact .rowright{
  margin-left: 0;
  width: calc(100% - 130px);
  float: left;
  margin-right: 0;
}
#contact.contact .rowright label{
  display: inline-block;
  width: 90px;
  float:left;
  text-align: center;
}
#contact.contact .rowright input[type=text]{
  width: calc((100% - 90px)/2);
  float:left;
  box-sizing: border-box;
}
#contact.contact .rowright input[type=text]:only-child,
#contact.contact .rowright textarea{
  width: 100%;
  box-sizing: border-box;
}
  #contact.contact .ps{
    margin-left: 0px;
  }

@media (max-width: 992px){
  #contact.contact{
    padding-right: 0;
  }
  #contact.contact .rowright label{
    width: 110px;
  }
  #contact.contact .rowright input[type=text]{
    width: calc((100% - 110px)/2);
  }
  #contact.contact .rowright {
      width: calc(100% - 176px);

  }
  #contact.contact .ps {
      margin-left: 0px;
  }

}
@media (max-width: 768px){
  #contact.contact .rowleft {
      float: none;
      width: 100%;
  }
  #contact.contact .rowright{
    width: 100%;
  }
  #contact.contact .rowright label{
    width: 100%;
    text-align: left;
  }
  #contact.contact .ps{
    margin-left: 0px;
  }
}



/*經銷商申請*/
#dealer_join.dealer_join #form1 .rowright{
  margin-left: 0;
  margin-right: 0;
  float:left;
  width: calc(100% - 160px);
}
#dealer_join.dealer_join #form1 .rowright label{
  width: 175px;
  display: inline-block;
  float:left;
  text-align: right;
}
#dealer_join.dealer_join #form1 .rowright input{
  width:calc((100% - 175px)/2);
  box-sizing: border-box;
  float:left;
}
#dealer_join.dealer_join #form1 .rowright input:only-child{
  width: 100%;
}
#dealer_join.dealer_join .ps{
  margin-left: 0;
}
@media (max-width: 992px){
  #dealer_join.dealer_join #form1 .rowright {
      width: 100%;
  }
  #dealer_join.dealer_join #form1 .rowright label{
    text-align: left;
    display: block;
    width: 100%;
  }
}


@media (max-width: 992px){
  #header .bg_phone .scroll_wrapper{
    position: relative;
  }
  #header #top-Menu{
    display: flex;
    right:auto;
    width: 100%;
    text-align: center;
    top:auto;
    bottom:40px;
    justify-content: center;
  }
  #header #top-Menu li{
    float:none;
    font-size: 13px;
    background-image: none;
  }
  #header #top-Menu li:nth-child(1),
  #header #top-Menu li:nth-child(2){
    display: none;
  } 
  #header .menuMovement>li:last-child{
      border-bottom:1px solid #E9E9E9;
  }
  #header .bg_phone .scroll_wrapper{
    min-height: 560px;
  }
  #header #top-Menu li a{
    color:black;
  }
  #header #main-menu{
    padding-bottom: 78px;
  }
}



#contact .form .row .rowleft{
  width: 150px;
}
#contact.contact .rowright{
      width: calc(100% - 150px);
}
@media (max-width: 992px){
  #contact .form .row .rowleft {
      width: 176px;
  }
  #contact.contact .rowright {
      width: calc(100% - 176px);
  }
}
@media (max-width: 768px){
  #contact.contact .rowright {
      width: 100%;
  }
}
@media (max-width: 575px){
  #dealer_join.dealer_join #sidebar{
    height: auto;
  } 
  #dealer_join.dealer_join #sidebar h1{
    float:none;
    line-height: 1.2em;
    padding-bottom: 15px;
  }  
}