/*-----------------------------------------------------------------------------
	-	網站主體樣式設計 -
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;
  padding-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: 450px;
  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: 450px;
}

#about02 .text h3 {
  color: #222222;
  font-size: 14px;
  line-height: 3.5em;
  padding-right: 5px;
  padding-left: 5px;
}

#about02 .text p {
  padding-right: 5px;
  padding-left: 5px;
}


/* ---------------------------------------------------------------- */


/*	 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;
  height: 29px;
  background-color: #333333;
  color: #FFF;
  font-size: 15px;
  text-align: center;
  border-radius: 20px;
  behavior: url(ie-css3.htc);
}


/*列表*/

#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: 15;
  margin-bottom: 0;
  margin-left: 15;
}

#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;
  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: 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 > 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 #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 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 修改密碼
/* ---------------------------------------------------------------- */

#dealerPersona02 .form .row .rowleft {
  width: 140px;
  /*左邊調整寬度多少*/
}

#dealerPersona02 .form .row .rowright {
  margin: 0 12px 0 140px;
  /*右邊調整寬度多少*/
}

.form .row .rowleft {
  color: #1c1c1c;
  cursor: text;
  float: left;
  margin: 0;
  padding: 0px;
  width: 120px;
  /*左邊調整寬度多少*/
}

.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: 50px;
}

#searchBox a {
  position: absolute;
  left: 785px;
  bottom: 50px;
}


/*表格*/

.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 */
  /* 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+ */
  /* Opera 11.10+ */
  /* 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: 150px;
}

#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;
}

#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 {
  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;
  height: 70px;
  margin-right: 10px;
  margin-left: 10px;
  height: 70px;
}

#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;
  }
  .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: 12px;
  }
  #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: 120px !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:576px){
#searchBox{
  padding-bottom: 12px;
  border-bottom:1px dotted black;
  margin-bottom: 12px;
}
#searchBox input{
    margin-bottom: 12px;
}
#searchBox .select_wrapper{
  width: 100% !important;
}
#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;
  }
  #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;
   }
 }

  #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%;
  }
}
/* ==========================================================================
    產品列表、產品搜尋
 ==========================================================================*/
@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;
  }
   #productList  .panel ul.pro li:last-child{
     margin-bottom: 0;
   }
   #productList .panel ul li a.button{
     width: 100px;
     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;
 }
 @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{
    width: 160px;
  }

  #productDia ul.tabs li a{
    font-size: 16px;
  }
  #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;

  }
    #productDia .sm{
      max-width: 472px;
    }
}
@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%;
  }
    #productDia .sm{
      max-width: 236px;
    }
}
/* ==========================================================================
    



                  最新消息



 ==========================================================================*/
/* ==========================================================================
    列表、內頁
 ==========================================================================*/
@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% - 54px);
  }
  #technical tr td:nth-child(1) span{
    display:block;
     float:left;
     width: 54px;
  }
  #technical tr td:nth-child(2){
    float: left;
    padding-right: 10px;
  }
  #technical tr td:nth-child(2):before{
    content:"類別：";
  }
  #technical tr td:nth-child(3){
    float: left;
  }
  #technical tr td:nth-child(3):before{
    content:"上傳日期：";
  }

  #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;
  }
}




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



                 經銷商專區



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

@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;
  }
}
@media(max-width:768px){
    #dealer_persona input,
    #dealerPersona02  input{
      width: 350px;
    }
    #dealer_persona input#VerificationCode,
    #dealerPersona02 input#VerificationCode{
      width: 240px !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: 30px;
}
#dealer_persona .ps{
  margin-left: 120px;
  margin-top: 5px;
}
#dealerPersona02 .ps{
  margin-left: 140px;
  margin-top: 5px;
}
@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: 155px;
  }
  #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: 165px;
    margin-top: 50px;
  }
  #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;
  }
}
@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;
  }
  #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: 12px;
  }
  #dealer_join .row .rowright{
    margin: 0 ;

  }
  #dealer_join input#VerificationCode{
    width: 290px !important;
  }
  #dealer_join input{
    width: 400px !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: 120px;
    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;
   }
}
@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;
     height: 40px !important;
     line-height: 40px !important;
     display: block;
   }
  #map #mapaside dl.mapmenu > dd > ul li::before{
    content:"";
  }
   #map #mapaside dl.mapmenu > dt{
     height: 40px !important;
     line-height: 40px !important;
   }
   #map .stronghold{
     padding: 10px 0;
   }
   #map .stronghold .city{
     width: auto;
   }
    #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;
  }
}
@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;
 }
@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 span{
    line-height: 40px;
    display: block;
  }
  #contact .rowright{
    margin-right: 0;
  }
   #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: 120px;
    margin-top: 6px;
  }
  #contact .btn input{
   
    margin: auto;
    margin-bottom: 12px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media(max-width:576px){
  #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;
  }
}

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



              詢價單



 ==========================================================================*/
 #inquiry .text>p{
   padding-bottom: 20px;
 }
 #inquiry textarea{
   max-width: 100%;
 }
@media(max-width:992px){
  #inquiry .text>p{
    text-align: center;
  }

  #inquiry form{
    width: 530px !important;
    margin: auto;
  }
  #inquiry input{
    width: 400px !important;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    padding: 5px 20px;
    border:1px solid #d4d4d4;
  }
  #inquiry .row .rowleft{
    margin-right: 10px;
    margin-bottom: 12px;
  }
  #inquiry .row label span{
    line-height: 40px;
    display: block;
  }
  #inquiry .row .rowright{
    margin: 0;
  }
  #inquiry #country{
    height: 40px;
    width: 400px;
  }
  #inquiry .row .rowright label span{
    display: block;
    float: left;
    width: 120px;
    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 .row:nth-child(6) .rowleft{
    width:auto !important;
    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: 290px !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:"商品類別：";
  }
   #inquiry table tr td:nth-child(1) strong{
     display: inline;
   }
 #inquiry table tr td:nth-child(2):before{
    content:"型號：";
  }
  #inquiry table  td img{
    height: auto;
    margin: auto;
  }
  #inquiry  td  .del{
   margin-left: auto;
  }
}
@media(max-width:576px){
   #inquiry #country{
     width: 100%;
   }
 #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 .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;
  } 
}




@media (max-width: 992px){

  #contact .rowright {
      margin-left:140px;
  }
  #contact .ps{
    margin-left: 140px;
  }
  #dealer #dealerLogin  .rowleft{
     width: 128px;
  }
  #dealer #dealerLogin .ps{
    margin-left: 137px;
  }
}
@media (max-width: 576px){
  #contact .rowright {
      margin-left: 0;
  }
  #contact .ps {
      margin-left: 0;
  }
  #dealer #dealerLogin .ps{
    margin-left: 0px;
  }
}





#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;
  }
}

#technicalSearch .select_wrapper{
  float:left;
}
@media (max-width: 992px){
  #technicalSearch #searchBox .select_wrapper{
    height: 40px !important;
  }
}
@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% - 120px);
  float: left;
  margin-right: 0;
}
#contact.contact .rowright label{
  display: inline-block;
  width: 83px;
  float:left;
  text-align: center;
}
#contact.contact .rowright input[type=text]{
  width: calc((100% - 83px)/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: 120px;
  }
@media (max-width: 1200px){
  #contact.contact .rowright label{
    width: 110px;
  }
  #contact.contact .rowright input[type=text]{
    width: calc((100% - 110px)/2);
    float:left;
    box-sizing: border-box;
  }
}
@media (max-width: 992px){
  #contact.contact{
    padding-right: 0;
  }
  #contact.contact .rowright label{
    width: 130px;
  }
  #contact.contact .rowright input[type=text]{
    width: calc((100% - 130px)/2);
  }
  #contact .rowright span{
    width: 120px;
  }
}
@media (max-width: 576px){
  #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;
  }
}








@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;
  }
}