html {
  height: 100%;
}

body {
  /*background:#ffffff;*/
  margin:0;
  position: relative;
  /*overflow-x: hidden;
  background-image: url(../images/background.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;*/
}
.about_title {margin: 50px auto;text-align: center;}
.about_info p img {max-width: 100%;}
.ernav {display: none;position: fixed;top: 100px;z-index: 999;background-color: rgba(255,255,255,1);}

/* 螢幕大於 990 px */

/*start div 高度自動延展 100 % */
#wrapper { 
  margin:0 auto;
}

#header {
  height:100px; 
  background:#ffffff; 
  /*line-height:25px; */
  text-align:center;
  display:flex;
  align-items:center;
  border-bottom-style: solid ;
  border-color:#d31e44;
}
#content {
  font-size:15px;
}

#footer {
  /*color:#000000; 
  background:#d31e44; */
/* 　 position: fixed; */
  font-size:14px;
  height:40px; 
  line-height:5px; 
  bottom: 0;
  text-align:center; 
}

#id_footer {
    /* 設定footer的高度 */
    height: 40px;
    /* 設定footer絕對位置在底部 */
    position: absolute;
    bottom: 0;
    /* 展開footer寬度 */
    width: 100%;
}

#footer2 {
  color:#000000; 
  /*background:#d31e44; */
/* 　 position: fixed; */
  font-size:14px;
  height:30px; 
  line-height:10px; 
  text-align:center; 
}
/*end div 高度自動延展 100 % */

/*start*/
/*end*/

.dis_inbk {
  display: inline-block;
}

/*#header a{
  font-size:36px;
  font-weight:bold;
  color:#FFFFFF;
  text-decoration: none;
}*/

/*元素向左浮動*/
.float_l {
  float: left;
}

/*start 滑動變色*/
.divbox { 
  /*background:#ffffff;*/
  float: left;
  width: 100%;
  height: 80%;

} 
.divOver { 
  /*background:#F2F2F2; */
  float: left;
  width: 100%;
  height: 80%;
}

.divbox_2{ 
  background:#ffffff;
} 
.divOver_2{ 
  background:#e6e6e6; 
}

.divbox_3 { 
  background:#ffffff;
  float: left;
  width: 100%;
  height: 60%;
}
.divbox_3_2 { 
  background:#ffffff;
  float: left;
  width: 100%;
  height: 55%;
}
.divbox_4 { 
  background:#ffffff;
  float: left;
  width: 100%;
  height: 50%
}
.divbox_5 { 
  background:#ffffff;
  float: left;
  width: 100%;
  height: 100%;
}

.prodesc p {line-height: 30px;font-size: 15px;}

#zztj{color:#ffffff;} 
#zztj a,#zztj a:link,#zztj a:visited,#zztj a:active {color:#ffffff;} 
#zztj a:hover {color:#ffffff;} 
/*end 滑動變色*/
.dis_img_l {padding:0px 5px !important;}

.d_over {
  background-color:#307172;
}

.d_out{
  background-color:#EFEFEF;
}


/*start pict 寬度*/
.width_pic {
  width: 100%;
}

.width_pic_l {
  width: 100%;
}

.width_pic2 {
  width: 80%;
}

.width_pic3 {
  width: 90px;
}

.width_pic4 {
  width: 90%;
}

.width_pic5 {
  width: 75%;
}

.width_pic6 {
  width: 20%;
}

.width_pic7 {
  width: 100px;
  margin-right: 10px;
  margin-left: 10px;
}

/*end pict 寬度*/

.pdw_1 {
   padding-left: 11.5%;
}

/*start 高度*/
.dh1{
  height: 80px;
}

.dh2{
  height: 60px;
}
/*end 高度*/

.dh3{
  height: 400px;
  display:flex;
  align-items:center;
  background: blue;
}

.pdw_2 {
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
}

.pdt1{
   padding-top: 25%;
}

.pdt2{
   padding-top: 0px;
}


/*水平置中*/
.tece {
  text-align : center;
}

.parting_one_3{
  float: left;
}


/*圖片依螢幕size變換*/
.dis_img_l {
  display: inline-block;
}
.dis_img_s {
  display: none;
}

.dis_info_l {
  display: inherit;
}

.dis_info_s {
  display: none;
}

.img_l {
  position:absolute;
  left:0;
  right:0;
  margin:auto;
  /*display:block;*/
}

.img_l_2 {
  left:0;
  right:0;
  margin:auto;
  /*display:block;*/
}

.img_sm {

}
.prolistpagetitle {
  font-weight: bolder;
  font-family: 'myriad pro';
}
.prolistpagetitle span {
  font-size: 21px;
  font-weight: normal;
}
.prolistpagesub {
  color:#354c6d ;
  letter-spacing: 2px;
  font-size: 24px !important;
  font-family: "微软雅黑" !important;
  margin-top: 40px;
}
.prolistpagesub span {font-weight: normal;font-size:21px;font-family: "微软雅黑";}
/*font size*/
.font_lg1{
  font-size: 40px;
  font-weight: bold;
}
.font_lg2_1{
  font-size: 14px;
  font-weight:normal;
}
.font_lg2{
  font-size: 14px;
}
.font_lg2_bt{
  font-size: 14px;
}
.font_lg2_2{
  font-size: 14px;
}
.font_lg3{
  font-size: 20px;
}
.font_lg4{
  
  font-size: 5vmin;
  font-weight: bold;
}
.font_lg5{
  font-size: 25px;
  font-weight: bold;
}
.font_lg6{
  font-size: 18px;
  font-weight: bold;
}
.font_lg7{
  font-size: 15px;
}
.font_lg7_c{
  font-size: 18px;
  font-weight: bold;
}
.font_lg8{
  height:32px;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 5px;
}
.font_lg9{
  font-size: 19px;
  font-weight: bold;
}
.font_lg9v{
  font-size: 14px;
  text-align: left;
}

.font_s1{
  font-size: 1.7vmin;
  color: #000000;
}

.font_c1{
  color: #ffffff;
}

/* 原link變色 */
.change_nav_1 { 
  background:#d31e44;
  background:none;
  text-align:center;
} 
.change_nav_1 a {
  font-family: 'Noto Sans SC', sans-serif;
  font-size: 15px;
  color:#ffffff;
  height: 100%;
  border: 2px #ffffff solid;
  text-decoration: none;
  text-align : center;
  background:#d31e44;
  transition: color 0.3s , border 0.3s;
  /*float: left;*/
}

.change_nav_1 a:hover {
  color: #d31e44;
  height: 100%;
  border: 2px #d31e44 solid;
  background:#000000;
  text-decoration: none;
  text-align : center;
}


.button2 a{
  font-family: 'Noto Sans SC', sans-serif;
  font-size: 18px;
  color:#ffffff;
  border: 2px #ffffff solid;
  text-decoration: none;
  text-align : center;
  background:none;
  transition: color 0.3s , border 0.3s;
  /*float: left;*/
}

.button2 a:hover {
  color: #000000;
  border: 2px #000000 solid;
  text-decoration: none;
  text-align : center;
}


.button_pdf {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 5px 10px;
    border: 1px solid #a12727;
    border-radius: 0px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 1px;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
}
.button_pdf:hover,
.button_pdf:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
}
.button_pdf:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}


/*start 按鈕*/
.button1 {
   padding: 10.5px 21px;
   /*background: -webkit-gradient(linear, left top, left bottom, from(#FF7A7A), to(#FF0000));
   background: -webkit-linear-gradient(top, #FF7A7A, #FF0000);
   background: -moz-linear-gradient(top, #FF7A7A, #FF0000);
   background: -ms-linear-gradient(top, #FF7A7A, #FF0000);
   background: -o-linear-gradient(top, #FF7A7A, #FF0000);*/
   background-color: #ffffff;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
   color: #d31e44;
   font-size: 20px;
   font-family: '微軟正黑體';
   text-decoration: none;
   font-weight: bold;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -o-transition: 0.2s;
   cursor: pointer;
   }
.button1:hover {
   background: none;
   background-color: #FF0000;
   text-decoration: none;
   color: #470000;
   }
.button1:active {
   top: 1px;
   position: relative;
   text-decoration: none;
   }
/*end 按鈕*/

.sed_cont {
  width: 95%;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display:inline-block;
  text-align: center;
  transition: all .3s;
}
.prolistpage:hover {
  background-color: #e6e6e6;
}
.sed_cont_vd {
  width: 95%;
  height: auto;
  padding-top: 10px;
  padding-bottom: 40px;
  display:inline-block;
  text-align: center;
}

.line_top {
  border-top:1px dotted #C0C0C0;
}

.link_vd1 {
  text-align:right;
  margin-right: 50px
}

.nav_pc {
  display: block;
  list-style-type: none; 
  margin: 0; 
  overflow: hidden; 
  padding: 0;
}

.nav_mob {
  display: none;
}

.nav_bk {
  display: none;
}

.mg_b{
}

.nav_brp {
  display: block;
}

.ft_over {
  position:absolute ;
  z-index: 3 ;
  left: 46% ;
  margin-top: 3% ;
}

.ft_over2 {
  position:absolute ;
  z-index: 3 ;
}

/*.cont_div {
  position:absolute ;
  z-index: 2;
  background: rgba(0,0,0,0.7);
  text-align: center;
  margin-top: 15%;
  width: 80%;
  left: 20%;
  color: #ffffff;
}*/
.cont_div {
  position:absolute ;
  z-index: 2;
  width: 100%;
  text-align: center;
  /*margin-top: 15%;*/
  left: 0px;
  color: #ffffff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 50%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.2) 90%,rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.2) 90%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,.8) 50%,rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.2) 90%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

ul.p1 {
  list-style-type:square;
  list-style-position:outside;
  margin-left:30px;
}

li.p2 {
  margin-top:2%;
}

ul.p3 {
  list-style-type:disc;
  list-style-position:outside;
  margin-left:25px;
  line-height: 28px;
}

ul.p4 {
  list-style-type:circle;
  list-style-position:outside;
  margin-left:20px;
}

ul.ulw {
  width: 12vw;
}

.cont_tx {
  width: 90%;
  margin-left: 3%;
}

/*配件*/
.pad_std {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  line-height: 30px;
}
.pad_std2 {
  margin-left: 20px;
}
.psd_std3 {
  padding-top: 30px;
}
.psd_bom {
  padding-bottom: auto;
}

.info_w{
  width: 400px;
}

.info_opt{
  color: #d31e44;
  height:32px;
  border-bottom:1px #000000 solid;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}
.info_opt_b{
  color: #000000;
  height:32px;
  border-bottom:1px #000000 solid;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}

.info_opt2{
  width: 300px;
}

.info_pd{
  padding-left: 30px;
}

.captcha_img{
  width: auto;
}


.black_overlay{ 
  display: none; 
  position: absolute; 
  top: 0%; 
  left: 0%; 
  width: 100%; 
  height: 100%; 
  background-color: black; 
  z-index:1001; 
  -moz-opacity: 0.8; 
  opacity:.80; 
  filter: alpha(opacity=88); 
} 
.white_content { 
  display: none;
  position: absolute; 
  top: 15%;
  left: 15%;
  width: 70%;
  height: 80%;
  padding: 20px;
  border: 10px solid #d31e44;
  background-color: white;
  z-index:1002;
  overflow: auto;
} 

.pcnaver{
  padding: 15px 0px;display: block;color: #333333;text-decoration:none ;transition: all .3s;font-size: 20px;
}
.pcnaver:hover {
  color: #d31e44 ;
  letter-spacing: 1px;
  text-decoration: none;
}
.newslist {
  padding: 20px 0px 40px;
  border-bottom: 1px dashed #999999;
  margin: 20px 0px;
}
.newslist button {font-size: 14px;margin-top: 20px;}
.newslist_ico {float: left;overflow: hidden;}
.newslist_ico img{
  cursor: pointer;
  transition: all 0.6s;
}
.newslist_info {float: left;padding-left: 40px !important;}
.newslist_info h3 {color: #333333;font-size: 20px;transition: all .5s;margin-bottom: 30px;margin-top: 10px;}
.newslist_info p {font-size: 16px;color: #8f8f8f;}
.newslist:hover {border-color: #d31e44;}
.newslist:hover .newslist_info h3 {color: #d31e44 ;letter-spacing: 1px;}
.newslist:hover .newslist_ico img {border: 2px solid #d31e44;padding: 5px;box-shadow:0px 0px 10px #d31e44;}
.pagelist {text-align: center;}
.page-status {display: none;}
.pagelist a {color: #333333;padding: 2px 14px;border: 1px solid #333333;margin: 0px 8px;transition: all .3s;}
.pagelist a:hover {border-color: #d31e44;background-color: #d31e44;color: #ffffff;text-decoration: none;}
.prev {text-align: left;float: left;width: 50%;}
.next {text-align: right;}
.prev a {color: #666666;transition: all .3s;}
.prev a:hover {color: #d31e44;text-decoration: none;letter-spacing: 0.5px;}
.productlist p {margin: 0px;}
.suzhougc {width: 100%;}
.about_info table p {margin-bottom: 5px;}

/* message */
/* Basic Grey */
.basic-grey {
  margin-left:auto;
  margin-right:auto;
  max-width: 100%;
  background: #F7F7F7;
  padding: 25px 15px 25px 10px;
  color: #333333;
  text-shadow: 1px 1px 1px #FFF;
  border:1px solid #E4E4E4;
  }
  .basic-grey h1 {
  font-size: 25px;
  padding: 0px 0px 10px 10px;
  display: block;
  border-bottom:1px solid #E4E4E4;
  margin: -10px -15px 30px -10px;;
  color: #333333;
  }
  .basic-grey h1>span {
  display: block;
  font-size: 16px;
  line-height: 30px;
  }
  .basic-grey label {
  display: block;
  margin: 0px;
  }
  .basic-grey label>span {
  float: left;
  width: 20%;
  text-align: right;
  padding-right: 10px;
  margin-top: 10px;
  color: #333333;
  }
  .basic-grey input[type="text"], .basic-grey input[type="email"],.basic-grey input[type="file"], .basic-grey textarea, .basic-grey select {
  border: 1px solid #DADADA;
  color: #333333;
  height: 40px;
  margin-bottom: 16px;
  margin-right: 6px;
  margin-top: 2px;
  outline: 0 none;
  padding: 3px 3px 3px 5px;
  width: 70%;
  padding-left: 10px;
  font-size: 13px;
  line-height:15px;
  box-shadow: inset 0px 1px 4px #ECECEC;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
  }
  .layui-input {
    width: 50% !important;
    float:  left !important;
  }
  .layui-btn {
    float: left !important;
    margin-top: 2px;
    background-color: #E27575 !important;
  }
  .basic-grey textarea{
  padding: 5px 3px 3px 5px;
  }
  .basic-grey select {
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  width: 70%;
  height: 65px;
  line-height: 25px;
  }
  .basic-grey textarea{
  height:100px;
  }
  .basic-grey .button {
  background: #E27575;
  border: none;
  padding: 10px 25px 10px 25px;
  color: #FFF;
  box-shadow: 1px 1px 5px #B6B6B6;
  border-radius: 3px;
  text-shadow: 1px 1px 1px #9E3F3F;
  cursor: pointer;
  }
  .basic-grey .button:hover {
  background: #CF7A7A
  }
  .checkcode {width: 40% !important;}
  .bdmap {width: 100%;}



/*隱私權cookies*/
        *{
            margin:0;
            padding:0;
        }
        
        .alert_windows{
            display:none;
            background:#000000;
            color: #000000;          
          /* div.home  opacity: 1; */
            text-align: center;
            margin-top: 10px;
            position:static;
            z-index: 19999;
            width: 100%;
            bottom: 0;
            height: 80px;
            background: rgba(100%,100%,100%,1);
            /*font:15px/30px Noto Sans SC;*/
            font: Noto Sans SC;
        }
        
        .alert_windows span{
            float:center;
            width:30px;
            height:30px;
            text-align:center;
            /*font:15px/30px Noto Sans SC;*/
            font: Noto Sans SC;
            cursor:pointer;
            color:#000000;
        }

        .alert_windows_2{
            display:none;
            background:#ffffff;
            color: #ffffff;          
          /* div.home  opacity: 1; */
            text-align: center;
            /*margin-top: 10px;*/
            position:static;
            z-index: 19999;
            width: 100%;
            bottom: 0;
            height: auto;
            background: rgba(68%,10%,22%,1);
            font:15px/30px Noto Sans SC;

        }
        
        .alert_windows_2 span{
            float:center;
            width:30px;
            /*height:30px;*/
            text-align:center;
            font: Noto Sans SC;
            cursor:pointer;
            color:#ffffff;
        }
        
        .alert_windows_2 span:hover{
            color:#000000;
        }

 td.yingyun {height: 80px;padding: 0px 25px;background: url(../images/dian.png) no-repeat left;background-size: 20px 20px;background-position-y: 0px;}

/*底部資訊*/
.info_fo1{
  margin: 0px auto;
  /*z-index: auto;*/
  background: url(../images/footbg.jpg) no-repeat center;
  background-size: cover;
  padding:20px 0px
}
.footpart {padding: 0px !important;}
.info_fo2{
  display: inline-block;
  vertical-align:bottom;
  text-align: left;
  padding: 15px;
  line-height: 2rem;
}



/*圖片並排*/
.bob-container {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

.bob-row {
  margin-right: -15px;
  margin-left: -15px;
}

.bob-row:before,
.bob-row:after {
  display: table;
  content: " ";
}

.bob-row:after {
  clear: both;
}

/*4個並排 在767px以下會2個排列*/
.bob-4item {
  width: 33%;
}


.bob-4item {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}

.bob-4item img {
  width: 100%;
  display: block;
}

.fot_h {
  height: auto;
  padding-top: 40px;
}

.comp_f {
  padding-left: 40px;
}

.mb_wc{
  
}

.mb_wc2{
  
}

.font_ck{

}

.form_tdw {
  width:120px; 
}

.pdt_bt1{
  padding-top: 10%;
}

.pdt_bt2{
  padding-top: 5%;
}

.h_li1{
  line-height:28px;
}

.ls_li1{
  letter-spacing:-0.5px;
}

.justify {
  text-align: justify;
}



.float_r {
  float: right;
}
.float_l {
  float: left;
}

.align_l {
  text-align: left;
}

.dis_no {
  display: none;
}

.pos_ab {
  position: absolute ;
}

.pos_re {
  position: relative ;
}

.color_1 {
  color: #ffffff;
}

.bkc_1 {
  background-color:#f0f0f5;
}
.bkc_2 {
  background-color:#000000;
}



.fonts_100ps{
  font-size: 100%;
}

.right_3ps{
  right: 3% ;
}

.list_no{
  list-style-type:none;
}


.margin_4-5ps{
  margin: 4.5%;
}
.margin_l_3ps{
  margin-left: 3% ;
}
.margin_l-15p{
  margin-left: -15px ;
}
.margin_t_29vw{
  margin-top: 29vw;
}
.margin_t_40px{
  margin-top: 40px;
}
.margin_t_60px{
  margin-top: 60px;
}
.margin_t_75px{
  margin-top: 75px;
}
.margin_b_40px{
  margin-bottom: 40px;
}

.pd_t_8px{
  padding-top: 8px ;
}
.pd_t_25px{
  padding-top: 25px ;
}
.pd_t_25ps{
  padding-top: 25% ;
}
.pd_t_30ps{
  padding-top: 30% ;
}
.pd_t_35ps{
  padding-top: 35% ;
}
.pd_t_40px{
  padding-top: 40px ;
}
.pd_t_60px{
  padding-top: 60px ;
}
.pd_l_5px{
  padding-left: 5px;
}
.pd_l_10px{
  padding-left: 10px;
  font-size: 16px;
}

.wth_90ps{
  width: 90%;
}
.wth_93ps{
  width: 93%;
}
.wth_100ps{
  width: 100%;
}


/*video page start*/

.video_type{
  width: 23%;
  height: 20rem;
  /*text-align: center;*/
  padding-bottom: 10px;
  margin-right: 2%;
  margin-bottom: 15px;
  /*border:1px #797979 solid;*/
  background:#ffffff;
  border-radius: 5px;
  list-style:none;
  float: left;
}

.video_if{
  width: 100%;
  height: 15rem;
}
.video_pt{
  padding-top: 10px;
}

.margin_vd{
  margin-top: 2%;
  margin-left: 4.5%;
  margin-right: 4.5%;
  margin-bottom: 200px;
}

.margin_vd2{
  margin-top: 4.5%;
  margin-left: 4.5%;
  margin-right: 4.5%;
}
.pd_t_v{
  padding-top: 10% ;
}

.video_cet{
  text-align: center;
}

.color_vd{
  color:#d31e44 ;
}

.video_link a {
  color:#000000 ;
  display: block;
  padding: 10px 12px;
  text-align: center;
  text-decoration: none;
}

.video_link a:hover {
  color:#000000 ;
  text-decoration: none;
}

.video_mt10px{
  margin-top: 10px;
}
.pc-hidden {display: none;}
/*video page end*/
@media screen and (max-width:1200px){
  .divbox_3img {display: none;}
  .divbox_3msg {max-width: 100% !important;}
  .margin_l_3ps {margin-left: 0px;}
  .margin_l_3ps a img {height: auto;width: 200px;}
}

@media screen and (min-width: 600px) and (max-width: 990px){
.about_info p {font-size: 30px !important;}
.about_info td p {font-size: 26px !important;}
.news_title {font-size: 40px;}
.news_date {font-size: 26px !important;}
.news_detail p {font-size: 36px;padding: 0px 15px;}
.news_detail,.news_detail span {font-size: 36px !important;}
.prev {width: 100%;font-size: 30px;padding-left: 15px;margin-top: 20px;}
.next {text-align: left;}
.pcnaver {font-size: 40px;}
#header {
  height:200px;
  background:#ffffff; 
  /*display: inline-block;*/
  text-align:center; 
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom-style: solid ;
  border-color:#d31e44;
}

#footer {
  /*color:#000000; 
  background:#d31e44; */
  font-size:30px;
  height:150px; 
  line-height:50px; 
  /* position: fixed; */
  text-align:center;
  padding-top: 30px; 
}

#cnzz_stat_icon_1278936270 a img {
  width: 35px;
}

#footer2 {
  color:#000000; 
  /*background:#d31e44; */
  /* position: fixed; */
  font-size:30px;
  height:60px; 
  line-height:80px; 
  text-align:center; 
}

.dis_inbk {
  display: inline;
}

.width_pic {
  width: 100%;
}

.width_pic3 {
  width: 30%;
}

.width_pic4 {
  width: 100%;
}

.width_pic5 {
  width: 100%;
}

.width_pic6 {
  width: 40%;
}

.width_pic7 {
  width: 20%;
  margin-right: 10px;
  margin-left: 10px;
}

.pdw_1 {
   padding-left: 0px;
}

.dh1{
  height: 300px;
}

.dh2{
  height: 60px;
}

.pdw_2 {
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
}

.pdt1{
   padding-top: 0px;
}

.pdt2{
   padding-top: 50px;
}

.divbox { 
  /*background:#ffffff;*/
  float: left;
  height:1000px;
} 
.divOver{ 
  /*background:#F2F2F2; */
  float: left;
  height:1000px;
} 

.divbox_2 { 
  background:#ffffff;
  float: left;
  height:800px;
} 
.divOver_2 { 
  background:#e6e6e6; 
  float: left;
  height:800px;
} 

/*圖片依螢幕size變換*/
.dis_img_l {
  display: none;
}
.dis_img_s {
  display: inline-block;
}

.dis_info_l {
  display: none;
}

.dis_info_s {
  display: inherit;
}

.font_lg1{
  font-size: 60px;
  font-weight: bold;
}
.font_lg2_1{
  font-size: 40px;
}
.font_lg2{
  font-size: 30px;
}
.font_lg2_bt{
  font-size: 40px;
}
.font_lg2_2{
  font-size: 36px;
}
.font_lg3{
  font-size: 100px;
}
.font_lg4{
  font-size: 80px;
}
.font_lg5{
  font-size: 40px;
  font-weight: bold;
}
.font_lg6{
  font-size: 40px;
  font-weight: bold;
}
.font_lg7{
  font-size: 36px;
}
.font_lg7_c{
  font-size: 40px;
  font-weight: bold;
}

.font_lg8{
  height:40px;
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 15px;
}
.font_lg9{
  font-size: 45px;
  font-weight: bold;
}
.font_lg9v{
  font-size: 45px;
}

/* 原link變色 */
.change_nav_1 a {
  font-family: 'Noto Sans SC', sans-serif;
  font-size: 40px;
  color:#ffffff;
  height: 100%;
  border: 5px #ffffff solid;
  text-decoration: none;
  text-align : center;
  background:#d31e44;
  transition: color 0.3s , border 0.3s;
  margin-left: -5px;
  /*float: left;*/
}
.change_nav_1 a:hover {
  color: #d31e44;
  height: 100%;
  border: 5px #d31e44 solid;
  text-decoration: none;
  text-align : center;
}

.sed_cont {
  width: 100%;
  height: auto;
  display:inline-block;
  text-align: center;
}
.sed_cont_vd {
  width: 100%;
  height: auto;
  display:inline-block;
  text-align: center;
}
.newslist_info h3{
  margin-top: 30px;
  font-size:40px;
}
.newslist_info p,.newslist button {
  font-size: 30px;
}
.newslist {margin-bottom: 70px;}
.line_top {
  border-top:5px dotted #C0C0C0;
}

.link_vd1 {
  text-align:center;
  margin-right: auto;
}

.nav_pc {
  display: none;
  list-style-type: none; 
  margin: 0; 
  overflow: hidden; 
  padding: 0;
}

.nav_mob {
  display: block;
}

.nav_bk {
  display: block;
}

.mg_b{
  margin-top: 40px;
  margin-bottom: 50px;
}

.nav_brp {
  display: none;
}

.flexbox1 {
  display:flex;
  align-items:center;
  justify-content:center;
}

.ft_over {
  position:absolute ;
  z-index: 3 ;
  left: 40% ;
}

.cont_div {
  position:absolute ;
  z-index: 2;
  width: 100%;
  text-align: center;
  /*margin-top: 15%;*/
  left: 0px;
  color: #ffffff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

li.p2 {
  margin-top:5%;
}

ul.p3 {
  list-style-type:disc;
  list-style-position:outside;
  margin-left:50px;
  line-height: 70px;
  font-size: 20px;
}

ul.p4 {
  list-style-type:circle;
  list-style-position:outside;
  margin-left:50px;
}

ul.ulw {
  width: auto;
}

.cont_tx {
  width: 90%;
  margin-left: 4.5%;
}

/*配件*/
.pad_std {
  padding-top: 35px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
}
.pad_std2 {
  margin: 0px auto;
  width: 100%;
}
.psd_std3 {
  padding-left: auto;
}
.psd_bom {
  padding-bottom: 30px;
}

.info_w{
  width: 98% !important;
  padding-left: 3.5%;
}

.info_opt{
  color: #d31e44;
  height:80px;
  border-bottom:1px #000000 solid;
  font-weight: bold;
  font-size: 45px;
  margin-bottom: 15px;
}
.info_opt_b{
  color: #000000;
  height:80px;
  border-bottom:1px #000000 solid;
  font-weight: bold;
  font-size: 45px;
  margin-bottom: 15px;
}

.info_pd{
  padding-left: 0px;
  margin-top: -20px;
}

.captcha_img{
  width: 50%;
  text-align: right;
}

.white_content { 
  display: none;
  position: absolute; 
  top: 15%; 
  left: 10%;
  width: 80%;
  height: 60%;
  /*padding: 20px;*/
  border: 10px solid #d31e44;
  background-color: white;
  z-index:1002;
  overflow: auto;
} 

/*隱私權cookies*/
   /*     *{
            margin:0;
            padding:0;
        }
        
        .alert_windows{
            display:none;
            background:#000000;
            color: #000000;         
          div.home  opacity: 1;
            text-align: center;
            margin-top: 10px;
            position:fixed;
            z-index: 19999;
            width: 100%;
            bottom: 0;
            height: 100px;
            background: rgba(100%,100%,100%,0.5);
            font:30px/45px Noto Sans SC;
        }
        
        .alert_windows span{
            float:center;
            width:30px;
            height:60px;
            text-align:center;
            font:30px/45px Noto Sans SC;
            cursor:pointer;
            color:#000000;
        }*/

/*底部資訊*/
.info_fo1{
  margin: 0px auto;
  /*z-index: auto;*/
}
.info_fo2{
  display: inline;
  text-align: left;
  padding: 15px;
}

.fot_h {
  height: auto;
  padding-top: 20px;
}

.comp_f {
  padding-left: 0;
}

.info_opt2{
  width: auto;
}

.pdw_mb{
  padding-left: 3%;
}

.mb_wc{
  width: 98%;
  padding-left: 3.5%;
  margin-bottom: 20px;
}

.mb_wc2{
  width: 98%;
  padding-left: 2%;
}

.pdh_tit{
  padding-top: 5%;
  padding-bottom: 5%;
}

.font_ck{
  font-size: 25px;
}

.form_tdw {
  width:230px; 
}

.button_pdf {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 25px 55px;
    border: 1px solid #a12727;
    border-radius: 0px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 1px;
    font-size: 40px;
    color: #ffffff;
    text-decoration: none;
    margin-bottom: 30px;
}
.button_pdf:hover,
.button_pdf:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
}
.button_pdf:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}


.pdt_bt1{
  padding-top: auto;
}

.pdt_bt2{
  padding-top: auto;
}

.h_li1{
  line-height:70px;
}

.ls_li1{
  letter-spacing:-0.5px;
}


/*video page start*/

.video_type{
  width: 800px;
  height: 680px;
  /*text-align: center;*/
  padding-bottom: 10px;
  margin: auto;
  margin-top: -20px;
  margin-left: 20px;
  margin-right: 30px;
  margin-bottom: 50px;
  /*border:1px #797979 solid;*/
  background:#ffffff;
  border-radius: 5px;
  list-style:none;
  clear: both;
}

.video_if{
  width: 800px;
  height: 480px;
}
.video_pt{
  padding-top: 10px;
}

.margin_vd{
  margin-top: 4.5%;
  margin-left: 4.5%;
  margin-right: 4.5%;
  margin-bottom: 200px;
}
.pd_t_v{
  padding-top: 10% ;
}

.video_cet{
  text-align: center;
}

.video_mt{
  margin-top: -40px
}

/*video page end*/
.basic-grey input {width: 50% !important;}
.basic-grey label>span,.basic-grey h1>span {font-size: 22px;}
.basic-grey .button {margin-top: 20px;font-size: 20px;}
.bdmap {display: none;}
.font_lg8 {font-size: 30px;}
ul.p3 {font-size: 30px;}
.basic-grey input {height: 60px !important;font-size: 20px !important;}
.basic-grey textarea {font-size: 20px !important;}
.basic-grey select {font-size: 20px !important;}
}










/* 螢幕小於 600 px */
@media (max-width: 600px) {
  .basic-grey label>span.service_name {margin-top: 0px;}
  .wth_90ps {width: 100%;}
  .margin_4-5ps {margin: 0px;}
  .wap-hidden {display: none;}
  .news_detail img {max-width: 100%;}
  .newslist_info h3 {margin-bottom: 15px;}
  .newslist_info {padding-left: 15px !important;}
  .dis_img_s {width: 100%;}
  .nav_mob {width: 100%;}
  .divbox_3 {height: auto !important;}
  #content {background: #000000;}
 .aboutusinfo p strong {font-size: 18px !important;}
.about_info p {font-size: 16px !important;}
#header {
  height:auto;
  background:#ffffff; 
  /*display: inline-block;*/
  text-align:center; 
  padding: 20px;
  width: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom-style: solid ;
  border-color:#d31e44;
}

#footer {
  /*color:#000000; 
  background:#d31e44; */
/* 　 position: fixed; */
  font-size:14px;
  height:auto; 
  line-height:24px; 
  text-align:center; 
  width: 100%;
  padding: 0px 5px;
}

#footer2 {
  color:#000000; 
  /*background:#d31e44; */
/* 　 position: fixed; */
  font-size:30px;
  line-height:90px; 
  text-align:center; 
}

.dis_inbk {
  display: inline;
}

.width_pic {
  width: 100%;
}

.width_pic3 {
  width: 30%;
}

.width_pic4 {
  width: 100%;
}

.width_pic5 {
  width: 100%;
}

.width_pic6 {
  width: 40%;
}

.width_pic7 {
  width: 20%;
  margin-right: 10px;
  margin-left: 10px;
}

.pdw_1 {
   padding-left: 0px;
}

.dh1{
  height: 300px;
}

.dh2{
  height: 60px;
}

.pdw_2 {
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
}
.pdt1{
   padding-top: 0px;
}

.pdt2{
   padding-top: 50px;
}

.divbox { 
  /* background:#ffffff; */
  float: left;
  height:440px;
} 
.divOver{ 
  /*background:#F2F2F2; */
  float: left;
  height:1000px;
} 

.divbox_2 { 
  background:#ffffff;
  float: left;
  height:700px;
} 
.divOver_2 { 
  background:#e6e6e6; 
  float: left;
  height:700px;
} 

/*圖片依螢幕size變換*/
.dis_img_l {
  display: none;
}
.dis_img_s {
  display: inline-block;
  margin-top: 0px;
  /* margin-bottom: 50px; */
}
.cont_tx h2 {padding-top: 0px;}
.dis_info_l {
  display: none;
}

.dis_info_s {
  display: inherit;
}
.sed_cont {background-color: #ffffff;}
.pcnaver {font-size: 16px;color: #ffffff !important;}
a.pcnaver {font-size: 16px;color: #ffffff !important;}
.font_lg5 {margin-left: 10% !important;}
.font_lg1{
  font-size: 20px;
  font-weight: bold;
}
.font_lg2_1{
  font-size: 16px;
}
.font_lg2{
  font-size: 16px;
}
.prolistpagesub {font-size: 20px !important;padding-bottom: 10px;}
.prolistpagesub span {display: block;font-size: 18px;margin-top: 10px;}
.pd_t_25ps {margin-left: 0px !important;padding-top: 0px;}
.pd_t_25ps p {color: #ffffff;font-size: 20px;padding: 10px 0px;}
.basic-grey label img {width: 100px;float: right;}
.basic-grey label>span {font-size: 14px;}
.basic-grey .button {font-size: 18px;}
.font_lg8 {font-size: 22px !important;}
ul.p3 {font-size: 20px;}
.change_nav_1 {width: 100% !important;}
.news_title,.news_date {padding-right: 10px;}
.news_date {font-size: 12px !important;}
.font_lg2_bt{
  font-size: 40px;
}
.font_lg2_2{
  font-size: 36px;
}
.font_lg3{
  font-size: 100px;
}
.font_lg4{
  font-size: 20px;
}
.font_lg5{
  font-size: 50px;
  font-weight: bold;
}
.font_lg6{
  font-size: 40px;
  font-weight: bold;
}
.font_lg7{
  font-size: 16px;
}
.font_lg7_c{
  font-size: 20px;
  font-weight: bold;
}

.font_lg8{
  /* height:80px; */
  font-weight: bold;
  font-size: 45px;
  margin-bottom: 15px;
}
.font_lg9{
  font-size: 45px;  
  font-weight: bold;
}
.font_lg9v{
  font-size: 45px;
}

/* 原link變色 */
.change_nav_1 a {
  font-family: 'Noto Sans SC', sans-serif;
  font-size: 18px;
  color:#ffffff;
  height: 100%;
  border: 5px #ffffff solid;
  text-decoration: none;
  text-align : center;
  background:#d31e44;
  transition: color 0.3s , border 0.3s;
  display: block;
  width: 50%;
  line-height: 40px;
  margin: 100px auto 0px;
  /*float: left;*/
}
.change_nav_1 a:hover {
  color: #d31e44;
  height: 100%;
  border: 5px #d31e44 solid;
  text-decoration: none;
  text-align : center;
}

.sed_cont {
  width: 100%;
  height: auto;
  display:inline-block;
  text-align: center;
}
.sed_cont_vd {
  width: 100%;
  height: auto;
  display:inline-block;
  text-align: center;
}

.line_top {
  border-top:5px dotted #C0C0C0;
  background-color: #ffffff;
}

.link_vd1 {
  text-align:center;
  margin-right: auto; ;
}

.nav_pc {
  display: none;
  list-style-type: none; 
  margin: 0; 
  overflow: hidden; 
  padding: 0;
}

.nav_mob {
  display: block;
}

.nav_bk {
  display: block;
}

.mg_b{
  margin-top: 40px;
  margin-bottom: 50px;
}

.nav_brp {
  display: none;
}

.ft_over {
  position:absolute ;
  z-index: 3 ;
  left: 40% ;
}

.cont_div {
  position:absolute ;
  z-index: 2;
  width: 100%;
  text-align: center;
  /*margin-top: 15%;*/
  left: 0px;
  color: #ffffff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

li.p2 {
  margin-top:5%;
}
.city-picker-selector .selector-item {
  margin-left: 10px !important;
}
ul.p3 {
  list-style-type:disc;
  list-style-position:outside;
  margin-left:50px;
  line-height: 30px;
}

ul.p4 {
  list-style-type:circle;
  list-style-position:outside;
  margin-left:50px;
}

ul.ulw {
  width: auto;
}

.cont_tx {
  width: 90%;
  margin-left: 4.5%;
}

/*配件*/
.pad_std {
  padding-top: 35px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
  
}
.pad_std2 {
  margin:0px auto;
}
.psd_std3 {
  padding-left: auto;
}
.psd_bom {
  padding-bottom: 30px;
}


.info_w{
  width: 98%;
  padding-left: 3.5%;
}

.info_opt{
  color: #d31e44;
  height:80px;
  border-bottom:1px #000000 solid;
  font-weight: bold;
  font-size: 45px;
  margin-bottom: 15px;
}
.info_opt_b{
  color: #000000;
  height:40px;
  border-bottom:1px #000000 solid;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
}

.info_pd{
  padding-left: 0px;
  margin-top: -20px;
}

.captcha_img{
  width: 50%;
  text-align: right;
}

.white_content { 
  display: none;
  position: absolute; 
  top: 15%; 
  left: 10%;
  width: 80%;
  height: 60%;
  /*padding: 20px;*/
  border: 10px solid #d31e44;
  background-color: white;
  z-index:1002;
  overflow: auto;
} 


/*隱私權cookies*/
    /*    *{
            margin:0;
            padding:0;
        }
        
        .alert_windows{
            display:none;
            background:#000000;
            color: #000000;            
          div.home  opacity: 1;
            text-align: center;
            margin-top: 10px;
            position:fixed;
            z-index: 19999;
            width: 100%;
            bottom: 0;
            height: 100px;
            background: rgba(100%,100%,100%,0.5);
            font:30px/45px Noto Sans SC;
        }
        
        .alert_windows span{
            float:center;
            width:30px;
            height:60px;
            text-align:center;
            font:30px/45px Noto Sans SC;
            cursor:pointer;
            color:#000000;
        }*/
        
/*底部資訊*/
.info_fo1{
  margin: 0px auto;
  /*z-index: auto;*/
}
.info_fo2{
  display: inline;
  text-align: left;
  padding: 15px;
}

.fot_h {
  height: auto;
  padding-top: 20px;
}

.comp_f {
  padding-left: 0;
}

.info_opt2{
  width: auto;
}

.pdw_mb{
  padding-left: 3%;
}

.mb_wc{
  width: 98%;
  padding-left: 15px;
  padding-top: 15px;
}

.mb_wc2{
  width: 98%;
  padding-left: 2%;
}

.pdh_tit{
  padding-top: 10%;
}

.font_ck{
  font-size: 25px;
}

.form_tdw {
  width:230px; 
}


.button_pdf {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 25px 55px;
    border: 0px solid #a12727;
    border-radius: 1px;
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
    text-shadow: #591717 1px 1px 1px;
    font-size: 40px ;
    color: #ffffff;
    text-decoration: none;
}
.button_pdf:hover,
.button_pdf:focus {
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
    color: #ffffff;
    text-decoration: none;
}
.button_pdf:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}

.pdt_bt1{
  padding-top: auto;
}

.pdt_bt2{
  padding-top: auto;
}

.h_li1{
  line-height:70px;
}

.ls_li1{
  letter-spacing:-0.5px;
}

/*video page start*/


.video_type{
  width: 800px;
  height: 680px;
  /*text-align: center;*/
  padding-bottom: 10px;
  margin: auto;
  margin-top: -20px;
  margin-left: 20px;
  margin-right: 30px;
  margin-bottom: 50px;
  /*border:1px #797979 solid;*/
  background:#ffffff;
  border-radius: 5px;
  list-style:none;
  clear: both;
}

.video_if{
  width: 800px;
  height: 480px;
}
.video_pt{
  padding-top: 10px;
}

.margin_vd{
  margin-top: 4.5%;
  margin-left: 4.5%;
  margin-right: 4.5%;
  margin-bottom: 200px;
}
.pd_t_v{
  padding-top: 10% ;
}

.video_cet{
  text-align: center;
}

.video_mt{
  margin-top: -40px
}

/*video page end*/

}