/* 每一區塊背景 */
/* 關於旭呈 */
section#introduction::after{content: "";background: url("../img/cir-right.png") no-repeat;width: 500px;height: 500px;position: absolute;top:4%;right:5%;background-size: cover;z-index: 1;}
section#introduction::before{content: "";background: url("../img/introduction-bg-1.png") no-repeat;width: 200px;height: 200px;position: absolute;top: -8%;left:2%;background-size: cover;z-index: 3;}
/* 公司理念 */
section#concept::after{content: "";background: url("../img/about-bg.png") no-repeat;width: 180px;height: 180px;position: absolute;top:-5%;right:5%;background-size: cover;z-index: 1;}
/* 系統整合 */
section#system-integration::after{content: "";background: url("../img/advantage-bg.png") no-repeat;width:180px;height: 180px;position: absolute;top:2%;right:1%;background-size: cover;z-index: -1;}
/* 邊緣計算*/
section#edge-computing::before{content: "";background: url("../img/cir-left.png") no-repeat;width: 500px;height:500px;position: absolute; left:0%;top: 15%; background-size: cover;z-index: -99;}
/* 資訊服務 */
section#information-service::after{content: "";background: url("../img/cir-right.png") no-repeat;width: 500px;height: 500px;position: absolute;top:15%;right:5%;background-size: cover;z-index: -1;}
/* 硬體服務 */
section#hardware-service::before{content: "";background: url("../img/plan-bg2.png") no-repeat;width: 200px;height:200px;position: absolute; left:2%;bottom: 2%; background-size: cover;z-index: -1;}

/* 智慧交通 start*/
section#transportation::after{content: "";background: url("../img/cir-right.png") no-repeat;width: 500px;height: 500px;position: absolute;top:10%;right:-10%;background-size: cover;z-index: 1;}
section#transportation::before{content: "";background: url("../img/about-bg.png") no-repeat;width: 200px;height: 200px;position: absolute;top: 0%;left:5%;background-size: cover;z-index: 3;}
/*智慧工安*/
section#industrial-safety::before{content: "";background: url("../img/cir-left.png") no-repeat;width: 500px;height:500px;position: absolute; left:-5%;top: 0%; background-size: cover;z-index: -99;}
/* 智慧製造*/
section#plc::after{content: "";background: url("../img/advantage-bg.png") no-repeat;width: 200px;height: 200px;position: absolute;top:2%;right:2%;background-size: cover;z-index: 1;}

/* 聯繫我們*/
section#contact::before{content: "";background: url("../img/cir-left.png") no-repeat;width: 500px;height:500px;position: absolute; left:2%;top: 10%; background-size: cover;z-index: -99;}



section .text > h5{line-height: 2rem;}
section .text > h4{line-height: 2.2rem;}
section .text.center h4{text-align: center;}


/* 關於旭呈 start*/

section#introduction .text > ul{margin: 40px 0;padding: 0;}
section#introduction .text > ul li {margin:20px 0;}
section#introduction .text > ul li p{margin:0;padding: 0;}
section#introduction .text > ul li h6{font-size: 1.1rem; line-height: 1.8rem;margin: 0;}
section#introduction .text > ul li img{width: 450px;}
section#introduction .item .photo{width: 100%;position: relative;z-index: 2;}
section#introduction .item .photo img{width: 100%;}
/* 關於旭呈 end*/


/* 公司理念 start*/

section#concept .text > h3{font-weight: 600;}
section#concept .text > h3 span{position: relative;margin-right:30px;}
section#concept .text > h3 span::after{content: ""; position:absolute;width: 6px;height: 6px;border-radius: 100%;background-color: #b8b8b8;top:54%;right:-25px;transform: translate(-50%,-50%);}
section#concept .text > h3 span:nth-child(1){color:#214DA6;}
section#concept .text > h3 span:nth-child(2){color:#7B7BE6;}
section#concept .text > h3 span:nth-child(3){color:#D98DD9;}
section#concept .text > h3 span:nth-child(3)::after{content: "";width: 0px;height:0px;}
section#concept .text > h3 span:nth-child(3)::after{content: "";width: 0px;height:0px;}
section#concept .text > ul{list-style: disc;padding:  0 25px;}
section#concept .text > p{margin: 20px 0 10px;}

section#concept .item .photo{width: 60%;margin: 0 auto;}
section#concept .item img{width: 100%;}
/* 公司理念 end*/


/* 系統整合 start*/

section#system-integration .title{margin: 0 auto 50px;width: 70%;}
section#system-integration .item ul {display: flex;justify-content: space-between;}
section#system-integration .item ul li{width:20%;position: relative;}
section#system-integration .item ul li .label{text-align: center;border-radius: 20px;height: 40px;line-height: 40px;color:#fff;}
section#system-integration .item ul li .label.color-grenn{background-color: #25B6D8;}
section#system-integration .item ul li .label.color-blue{background-color: #237DB9;}
section#system-integration .item ul li .label.color-purple{background-color: #7038CE;}
section#system-integration .item ul li .label.color-lavender{background-color: #7B7BE6;}
section#system-integration .item ul li .label.color-pink{background-color: #D98DD9;}

section#system-integration .item ul li::before{content: "";width:30px;height: 30px;border-radius: 100%;border:4px solid #fff;position: absolute;transform: translate(-50%,-50%);}
section#system-integration .item ul li:nth-child(odd)::before{left:51%;top:-21%;}
section#system-integration .item ul li:nth-child(even)::before{left:51%;top: 73%;}
section#system-integration .item ul li:nth-child(1)::before{background-color: #25B6D8;}
section#system-integration .item ul li:nth-child(2)::before{background-color: #237DB9;}
section#system-integration .item ul li:nth-child(3)::before{background-color: #7038CE;}
section#system-integration .item ul li:nth-child(4)::before{background-color: #7B7BE6;}
section#system-integration .item ul li:nth-child(5)::before{background-color: #D98DD9;}

section#system-integration .item ul li:nth-child(even){transform: translateY(-250px);}

section#system-integration .item ul li .item-text{margin: 20px 0;padding: 0 15px;text-align: justify ;}
section#system-integration .item ul li .item-text p{font-size: 1rem;line-height: 1.6rem;}
section#system-integration .item .line{background-color: #D0D8E1;width: 100%;height: 5px;margin: 20% 0 5%; }
/* 系統整合 end*/


/* 邊緣計算 start*/

section#edge-computing .item-all .item{display: flex;align-items: center;border-radius: 20px;padding: 15px;width: 90%;margin: 20px 0;background-color: rgba(255, 255, 255, 0.85);}
section#edge-computing .item-all .item.color-grenn{border:1px solid #25B6D8;}
section#edge-computing .item-all .item.color-blue{border:1px solid #237DB9;}
section#edge-computing .item-all .item.color-purple{border:1px solid #7038CE;}
section#edge-computing .item-all .item.color-lavender{border:1px solid #7B7BE6;}
section#edge-computing .item-all .item.color-pink{border:1px solid #D98DD9;}

section#edge-computing .item-all .item.color-grenn .item-text p{color:#25B6D8;}
section#edge-computing .item-all .item.color-blue .item-text p{color:#237DB9;}
section#edge-computing .item-all .item.color-purple .item-text p{color:#7038CE;}
section#edge-computing .item-all .item.color-lavender .item-text p{color:#7B7BE6;}
section#edge-computing .item-all .item.color-pink .item-text p{color:#D98DD9;}

section#edge-computing .item-all .item .icon{width: 60px;}
section#edge-computing .item-all .item .icon img{width: 60px;}
section#edge-computing .item-all .item .item-text{margin-left: 15px;}
section#edge-computing .item-all .item .item-text p{ margin-bottom: 0rem;padding: 0;}

section#edge-computing .photo-all{ position: relative;}
section#edge-computing .photo-all .photo-edge{ width: 100%;position: absolute;top:2%;border: 10px solid #363638;border-radius: 20px;overflow: hidden;}
section#edge-computing .photo-all .photo-edge img{ width: 100%;}
/* 邊緣計算 end*/

/* 資訊服務 start*/

section#information-service .photo{width: 90%;} 
section#information-service .photo img{width: 100%;}
/* 資訊服務 end*/

/* 硬體服務 start*/

section#hardware-service .photo{width: 80%;margin: 0 0 0 10%;} 
section#hardware-service .photo img{width: 100%;}
/* 硬體服務 end*/








/* 智慧交通 start*/
section#transportation .photo{position: relative;}
section#transportation .photo-all .photo{width: 100%;}
section#transportation .photo-all .photo img{width: 100%;}
section#transportation .photo-all {position: relative;}
section#transportation .photo-all .label{position: absolute;background-color: rgba(255, 255, 255, 0.85);border-radius: 20px;border:1px solid #4A3785;display: flex;padding: 8px 20px 8px 25px;text-align: center;color:#4A3785;line-height: 1rem;font-size: .9rem; height: 40px;display: flex;align-items: center; justify-content: center; width: 14%;}
section#transportation .photo-all .label.label-01{bottom:40%;right:-5%;}  /* 贓車查詢 */
section#transportation .photo-all .label.label-02{bottom:4%;right:22%;}   /* 車輛併排 */
section#transportation .photo-all .label.label-03{bottom:30%;right:65%;}  /* 違規公車停靠區臨停 */
section#transportation .photo-all .label.label-04{bottom:45%;left:1%;}  /* 交通違規檢舉 */
section#transportation .photo-all .label.label-05{bottom:65%;left:-2%;}  /* 違規跨越雙白線行駛 */
section#transportation .photo-all .label.label-06{top:11%;left:8%;}  /* 內側車道禁行大貨車 */
section#transportation .photo-all .label.label-07{top:0%;left:42%;}  /* 跨越槽化線 */
section#transportation .photo-all .label.label-08{top:27%;left:64%;}  /* 紅線違規停車*/

/* 智慧交通 end*/

/* 智慧居家 start*/
section#home {padding: 150px 0;}
section#home .container-fluid{padding: 0;position: relative;}
section#home .container-fluid .photo{position: absolute; width: 42%;top:-10%;right:0;}
section#home .container-fluid .photo img{ width: 100%;}
/* 智慧居家 end*/

/* 智慧工安 start*/
section#industrial-safety {padding: 150px 0;}
section#industrial-safety .photo{width: 100%;}
section#industrial-safety .photo img{width: 100%;}
/* 智慧工安 end*/

/* 智慧製造 start*/
section#plc .item-all{display: flex;justify-content: space-between;position: relative;}
section#plc .item-all .item:nth-child(1){width: 58%;text-align: center; border:2px dashed #5F1983;padding: 20px;border-radius: 20px;}
section#plc .item-all .item:nth-child(2){width: 38%;text-align: center; padding: 20px;border-radius: 20px;}
section#plc .item-all .item .label{background-color: #fff;border-radius: 20px;display: flex;padding: 0px 20px 0px 25px;text-align: center;color:#fff;line-height:40px;font-size: .9rem; height: 40px;background-color: #5F1983;display: inline-block;margin: 20px 0;width: 200px;}
section#plc .item-all .item .label-content .icon{margin: 15px;text-align: center;}
section#plc .item-all .item .label-content .icon .photo{width: 100%;text-align: center;}
section#plc .item-all .item .label-content .icon .photo span{color: #ADA5CC;font-size: .8rem;margin-top:15% ;}
section#plc .item-all .item.item-01 .label-content{display: flex;justify-content: space-between;}
section#plc .item-all .item.item-01 .label-content .icon:nth-child(1){width: 30%;}
section#plc .item-all .item.item-01 .label-content .icon:nth-child(1) > .photo{position: relative;margin-top: 40%;}
section#plc .item-all .item.item-01 .label-content .icon:nth-child(2){width: 40%;}
section#plc .item-all .item.item-01 .label-content .icon:nth-child(2) > .photo{width: 40%;margin: 70% 30% 0;}
section#plc .item-all .item.item-01 .label-content .icon:nth-child(3){width: 30%;text-align:center ;}

section#plc .item-all .item.item-02 .label-content{display: flex;justify-content:center;}
section#plc .item-all .item.item-02 .label-content .icon:nth-child(1){width: 60%;}

section#plc .item-all .line{position: absolute; width: 12%; height: 2px; background-color: #5F1983; top: 60%; left: 56%; }
section#plc .item-all .line:after{content: "LAN";position: absolute;transform: translate(-50%,0%);left:48%;color: #ADA5CC;font-size: .8rem;margin-top:2% ;}


section#plc .photo{width: 100%;margin: 0;}
section#plc .photo img{width: 100%;}
/* 智慧製造 end*/









/* 專案實績 start*/

section#project .item {background-color: #fff; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 5%);padding: 5px;padding:10px; border-radius: 10px; transition: all .3s linear;cursor: pointer;margin-bottom: 20px;}
section#project .item:hover{box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%); transform: translateY(4px);}
section#project .item .photo{width: 100%;margin: 0;border-radius: 10px;overflow: hidden;position: relative;}
section#project .item .photo img{width: 100%;margin: 0;}


section#project  .item .photo .text-g{position: absolute;background-color: rgba(15, 15, 15, 0);width: 100%;height: 100%;transition: all .3s linear;padding: 15px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
section#project  .item .photo:hover .text-g {background-color: rgba(15, 15, 15, 0.7);}
section#project  .item .photo .text-g .text h5 {color: #fff;opacity: 0;transition: all .3s linear;margin: 0;line-height: 1.6rem;}
section#project  .item .photo:hover .text-g .text h5 {opacity: 1;} 
section#project  .item .photo .text-g .text p {color: #b6b6ff;opacity: 0;transition: all .3s linear;margin: 0;padding: 0;text-align: center;}
section#project  .item .photo:hover .text-g .text p {opacity: 1;}

.project-info p {
  text-align: justify;
}
/* 跳窗 */
.modal-lg { max-width: 76%;margin: 0 auto; }
#mSing .modal-body{min-height:500px;}
#mSing .modal-body .modal-text p{color: #4122b0;margin: 0 0 2px;font-size: 1.2rem;font-weight: 400; position: relative;padding-left: 15px;}
#mSing .modal-body .modal-text p::after {content: "";width: 8px;height:1.6rem;position: absolute;left: 0;top: 2px;background:linear-gradient(180deg, #4122b0, #0489E2);border-radius: 5px;}
#mSing .modal-body .modal-text h5{font-size: 2.6rem;color: #333;font-weight: 500;letter-spacing: 3px;}




.owl-g{ height: 400px; width: 480px; margin: 0 auto; background-image: url(../img/screen.png); background-repeat: no-repeat; background-size: contain;position: relative;}
.owl-g .project-owl-g {position: absolute;   width: 445px;  left: 17px; top: 18px;}
.owl-g .project-owl-g .project-owl .photo{height: 252px;width: 100%;overflow: hidden;}

/* 左右兩邊箭頭 */
.owl-g .owl-theme .owl-nav {opacity: 0;transition: all .3s linear;}
.owl-g:hover .owl-theme .owl-nav { opacity: 1; }
.owl-g .owl-theme .owl-nav .owl-prev { left:0px; top:40%;transition: all .3s linear;}
.owl-g .owl-theme .owl-nav .owl-next { right:0px; top:40%;transition: all .3s linear;}
.owl-g:hover .owl-theme .owl-nav .owl-prev { left:-40px;}
.owl-g:hover .owl-theme .owl-nav .owl-next { right:-40px;}
 .owl-nav .owl-prev, .owl-nav .owl-next{ position: absolute; opacity:1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: #8C5FF3 !important; border-radius: 100% !important; width: 30px; height: 30px; display: block; z-index: 1000; cursor: pointer; transition: all .3s ease-in; }
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover{ background: #c5adff !important;top: 52%;  }
.owl-nav .owl-prev span, .owl-nav .owl-next span{ font-size: 2rem;font-weight: 900;line-height: 23px;color: #fff; }
.owl-theme .owl-dots { transform: translateY(20px); }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #4c4185;
}
.owl-theme .owl-dots .owl-dot span { background: rgb(162, 162, 162); }






/* 專案實績 end*/
















/* 聯繫我們 start*/

section#contact .item .photo{width: 90%;}
section#contact .item img{width: 100%;}
form#contact-form {margin: 20px 0 0;}
form#contact-form .input-group {position: relative;display: flex; flex-wrap: wrap; align-items: stretch; width: 100%;}
form#contact-form .input-group input,form#contact-form .input-group textarea{
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  font-size: .9rem;
  font-weight: 300;
  color: #333;
  border-radius: 10px;
  border: 1px solid rgb(205 205 205);
  overflow: auto;
  background: rgba(255, 255, 255, 0.85);
}
form#contact-form .input-group textarea{ height:180px; overflow: auto; resize: none; }
form#contact-form .input-group input:focus,form#contact-form .input-group textarea:focus{ outline:1px solid #0489E2; border: 1px solid transparent; }
 /* 聯繫我們 end*/
  




 @media (max-width:1199px) {
/* 系統整合 start*/
section#system-integration .item .line{margin:25% 0 5%; }
section#system-integration .item ul li:nth-child(odd)::before{left:51%;top:-16%;}
section#system-integration .item ul li:nth-child(even)::before{left:51%;top: 63%;}
/* 系統整合 end*/




/* 專案實績 start*/

.modal-lg { max-width: 90%; }
/* 輪播 */
.owl-g{height:350px; width: 380px;}
.owl-g .project-owl-g { height: 238px;width: 352px;   left: 14px; top: 14px;}
.owl-g .project-owl-g .project-owl .photo{height:200px;}
/* 專案實績 end*/


 }


@media (max-width:991px) {
  /* 公司理念 start*/
  section#concept .item .photo{width: 80%;margin: 0 auto;}
  /* 公司理念 end*/


  /* 系統整合 start*/

  section#system-integration .title{margin: 0 auto 50px;width: 100%;}
  section#system-integration .item .line{margin:38% 0 5%; }
  section#system-integration .item ul li::before { width: 15px 15px; }
  section#system-integration .item ul li:nth-child(odd)::before{left:51%;top:-8%;}
  section#system-integration .item ul li:nth-child(even)::before{left:51%;top:55%;}
  section#system-integration .item ul li:nth-child(even){transform: translateY(-280px);}
  /* 系統整合 end*/



  /* 智慧交通 start*/
  section#transportation .photo-all .label{ width: 20%;}
   /* 智慧交通 end*/


   /* 智慧居家 start*/
   section#home .container-fluid .photo { position: absolute; width: 50%; top: 5%;  }
   /* 智慧居家 end*/

   

   

}
@media (max-width: 767px) {


/* 每一區塊背景 */
/* 關於旭呈 */
section#introduction::after{content: "";background: url("../img/cir-right.png") no-repeat;width: 400px;height: 400px;position: absolute;top:10%;right:2%;background-size: cover;z-index: 1;}
section#introduction::before{content: "";background: url("../img/introduction-bg-1.png") no-repeat;width: 0;height:0;position: absolute;top: 0%;left:50%;background-size: cover;z-index: 3;}
/* 公司理念 */
section#concept::after{content: "";background: url("../img/about-bg.png") no-repeat;width: 150px;height: 150px;position: absolute;top:0%;right:2%;background-size: cover;z-index: 1;}
/* 系統整合 */
section#system-integration::after{content: "";background: url("../img/advantage-bg.png") no-repeat;width:150px;height: 150px;position: absolute;top:22%;right:2%;background-size: cover;z-index: 1;}
/* 邊緣計算*/
section#edge-computing::before{content: "";background: url("../img/cir-left.png") no-repeat;width: 500px;height:500px;position: absolute; left:0%;top: 0%; background-size: cover;z-index: -99;}
/* 資訊服務 */
section#information-service::after{content: "";background: url("../img/cir-right.png") no-repeat;width: 500px;height: 500px;position: absolute;top:25%;right:5%;background-size: cover;z-index: -1;}
/* 硬體服務 */
section#hardware-service::before{content: "";background: url("../img/plan-bg2.png") no-repeat;width:150px;height:150px;position: absolute; left:2%; bottom: 2%; background-size: cover;z-index: -1;}

/* 智慧交通 start*/
section#transportation::after{content: "";background: url("../img/cir-right.png") no-repeat;width: 400px;height: 400px;position: absolute;top:10%;right:-10%;background-size: cover;z-index: 1;}
section#transportation::before{content: "";background: url("../img/about-bg.png") no-repeat;width: 150px;height: 150px;position: absolute;top: 0%;left:2%;background-size: cover;z-index: 3;}
/*智慧工安*/
section#industrial-safety::before{content: "";background: url("../img/cir-left.png") no-repeat;width: 400px;height:400px;position: absolute; left:-5%;top: 3%; background-size: cover;z-index: -99;}
/* 智慧製造*/
section#plc::after{content: "";background: url("../img/advantage-bg.png") no-repeat;width: 150px;height: 150px;position: absolute;top:auto;right:auto;left:3%;bottom:5%;background-size: cover;z-index: 1;}

/* 聯繫我們*/
section#contact::before{content: "";background: url("../img/cir-left.png") no-repeat;width: 500px;height:500px;position: absolute; left:-10%;top: 10%; background-size: cover;z-index: -99;}



/* 專案實績 start*/
/* 輪播 */
.modal-lg { max-width: 98%;}
.owl-g { height: 280px; width:317px; margin-top: 10px;}
.owl-g .project-owl-g { width: 297px; left: 10px; top: 10px; }
.owl-g .project-owl-g .project-owl .photo{height:170px;}
#mSing .modal-body .modal-text p { margin: 0 0 10px; }
/* 左右兩邊箭頭 */
.owl-g .owl-theme .owl-nav {opacity: 1;}
.owl-g .owl-theme .owl-nav .owl-prev { left:-40px;}
.owl-g .owl-theme .owl-nav .owl-next { right:-40px;}
.owl-theme .owl-dots { transform: translateY(5px); }
/* 專案實績 end*/













  /* 關於旭呈 start*/
  section#introduction .item .photo{width: 80%;margin: 20px 10%;}
  /* 關於旭呈 end*/

   /* 公司理念 start*/
   section#concept .item .photo{width: 80%;margin: 40px auto;}
  /* 公司理念 end*/

  /* 系統整合 start*/
  section#system-integration .item { position: relative; width: 100%;margin: 20px auto;}
  section#system-integration .item .line { position: absolute; left:0; top:0; width:5px; height:100%; margin: 0;transform: translate(-50%,0%);left:50% }
  section#system-integration .item ul { justify-content: space-between; flex-direction: column;padding: 0 ;margin: 40px 0;}
  section#system-integration .item ul li { position: relative;width:45%; margin: 0; }
  section#system-integration .item ul li::before { width: 25px; height:25px; }
  section#system-integration .item ul li:nth-child(odd)::before{left:111%;top:20px;}
  section#system-integration .item ul li:nth-child(even)::before{left:-10%;top:20px;}
  section#system-integration .item ul li:nth-child(odd){transform: translateY(0px);}

  section#system-integration .item ul li:nth-child(even){transform: translateY(0px);align-self: end;}
  section#system-integration .item ul li .label { width: 100%; }
  section#system-integration .item ul li .item-text { margin: 20px 0; padding: 0 0px; }
  /* 系統整合 end*/


  /* 邊緣計算 start*/
    section#edge-computing .item-all {display: flex;flex-wrap: wrap;justify-content: space-between;}
    section#edge-computing .item-all .item{width: 48%;margin: 10px 0;}
    section#edge-computing .photo-all { margin: 40px 0 ; }
  /* 邊緣計算 end*/

  /* 資訊服務 start*/
  section#information-service .photo{width: 80%;margin: 0 auto;}
  section#information-service .photo img{width: 100%;}
  /* 資訊服務 end*/

  /* 硬體服務 start*/
  section#hardware-service .photo{width: 80%;margin: 0 auto;} 
  section#hardware-service .photo img{width: 100%;}
  /* 硬體服務 end*/





  /* 智慧交通 start*/
  section#transportation .photo-all {flex-direction: column;}
  section#transportation .photo-all .photo{width: 100%;margin-bottom: 40px;  order:2;}
  section#transportation .photo-all .label-all{display: flex;flex-wrap: wrap;justify-content: space-between;}
  section#transportation .photo-all .label{position: relative; width:  48.5%; padding: 8px 20px 8px 25px;margin: 5px 0;line-height: 1.4rem;font-size: 1rem;height: 45px; order:1;}
  section#transportation .photo-all .label.label-01{bottom:auto;right:auto;}  /* 贓車查詢 */
  section#transportation .photo-all .label.label-02{bottom:auto;right:auto;}   /* 車輛併排 */
  section#transportation .photo-all .label.label-03{bottom:auto;right:auto;}  /* 違規公車停靠區臨停 */
  section#transportation .photo-all .label.label-04{bottom:auto;left:auto;}  /* 交通違規檢舉 */
  section#transportation .photo-all .label.label-05{bottom:auto;left:auto;}  /* 違規跨越雙白線行駛 */
  section#transportation .photo-all .label.label-06{top:auto;left:auto;}  /* 內側車道禁行大貨車 */
  section#transportation .photo-all .label.label-07{top:auto;left:auto;}  /* 跨越槽化線 */
  section#transportation .photo-all .label.label-08{top:auto;left:auto;}  /* 紅線違規停車*/
   /* 智慧交通 end*/

  /* 智慧居家 start*/
  section#home {padding: 50px 0; }
  section#home .container-fluid .photo { position: relative; width:80%;margin: 20px 0; float: right;}
  /* 智慧居家 end*/

  /* 智慧工安 start*/
  section#industrial-safety { padding: 50px 0;}
  section#industrial-safety .photo { width:85%;margin: 20px 0;transform: translateX(-15px);}
  /* 智慧工安 end*/

 /* 智慧製造 start*/
  section#plc .item-all .item .label { margin: 0px 0;width:60%; }
  section#plc .item-all{justify-content: center;flex-direction: column;align-items: center;}
  section#plc .item-all .item:nth-child(1) { width: 80%;}
  section#plc .item-all .item.item-02{align-self: flex-end;margin:10% 6% 0 0;width: 60%;}
  section#plc .item-all .line {width: 1px; height: 12%; top: 40%; left: 76%; }
  section#plc .item-all .line:after { transform: translate(36%,200%); }
  /* 智慧製造 end*/

  /* 聯繫我們 start*/
  form#contact-form .input-group textarea{ height:180px;  }
  section#contact .item .photo{width:80%;margin: 80px auto 40px;}
  /* 聯繫我們 end*/


}
@media (max-width: 576px) {
/* 每一區塊背景 */
/* 關於旭呈 */
section#introduction::after{content: "";background: url("../img/cir-right.png") no-repeat;width: 400px;height: 400px;position: absolute;top:10%;right:-25%;background-size: cover;z-index: 1;}
section#introduction::before{content: "";background: url("../img/introduction-bg-1.png") no-repeat;width: 0;height:0;position: absolute;top: 0%;left:50%;background-size: cover;z-index: 3;}
/* 公司理念 */
section#concept::after{content: "";background: url("../img/about-bg.png") no-repeat;width: 120px;height: 120px;position: absolute;top:0%;right:2%;background-size: cover;z-index: 1;}
/* 系統整合 */
section#system-integration::after{content: "";background: url("../img/advantage-bg.png") no-repeat;width: 120px;height: 120px;position: absolute;top:22%;right:2%;background-size: cover;z-index: 1;}
/* 邊緣計算*/
section#edge-computing::before{content: "";background: url("../img/cir-left.png") no-repeat;width: 300px;height:300px;position: absolute; left:0%;top: 0%; background-size: cover;z-index: -99;}
/* 資訊服務 */
section#information-service::after{content: "";background: url("../img/cir-right.png") no-repeat;width: 300px;height:300px;position: absolute;top:45%;right:5%;background-size: cover;z-index: -1;}
/* 硬體服務 */
section#hardware-service::before{content: "";background: url("../img/plan-bg2.png") no-repeat;width: 100px;height:100px;position: absolute; left:2%;bottom: 1%; background-size: cover;z-index: -1;}

/* 智慧交通 start*/
section#transportation::after{content: "";background: url("../img/cir-right2.png") no-repeat;width: 200px;height: 400px;position: absolute;top:20%;right:0%;background-size: cover;z-index: 1;}
section#transportation::before{content: "";background: url("../img/about-bg.png") no-repeat;width: 100px;height: 100px;position: absolute;top: 0%;left:5%;background-size: cover;z-index: 3;}
/*智慧工安*/
section#industrial-safety::before{content: "";background: url("../img/cir-left.png") no-repeat;width: 300px;height:300px;position: absolute; left:-5%;top: 5%; background-size: cover;z-index: -99;}
/* 智慧製造*/
section#plc::after{content: "";background: url("../img/advantage-bg.png") no-repeat;width: 120px;height: 120px;position: absolute;top:auto;right:auto;left:3%;bottom:5%;background-size: cover;z-index: 1;}

/* 聯繫我們*/
section#contact::before{content: "";background: url("../img/cir-left.png") no-repeat;width: 350px;height:350px;position: absolute; left:-15%;top: 10%; background-size: cover;z-index: -99;}





  /* section .text  {margin: 20px 0;} */

  section .text > h5{font-size: 1.15rem;line-height: 1.8rem;}
  section .text > h4{font-size: 1.2rem;line-height: 2.2rem;}

  /* 關於旭呈 start*/
  section#introduction{overflow-x: hidden;}
  section#introduction .item .photo{width:100%;margin: 0;}
  section#introduction .text > ul li img{width: 100%;}
  section#introduction .text > ul li img{width: 100%;}
  /* 關於旭呈 end*/

  /* 公司理念 start*/
  section#concept .text > h3{font-size: 1.6rem;}
  section#concept .text > h3 span{position: relative;margin-right:15px;}
  section#concept .text > h3 span::after{top:55%;right:-16px;}
  /* 公司理念 end*/






/* 邊緣計算 start*/
  section#edge-computing .item-all .item { flex-direction: column; width: 48.5%; margin:5px 0; text-align: center;  padding: 9.5px;}
  section#edge-computing .item-all .item .item-text { margin-left: 0; }
  section#edge-computing .item-all .item .icon { width: 100%; }
  section#edge-computing .item-all .item .icon img { width: 60px;margin: 10px auto 15px; }
/* 邊緣計算 end*/




  /* 智慧製造 start*/
  section#plc .item-all .item .label { width:80%; }
  section#plc .item-all .item:nth-child(1) { width:90%; }
  section#plc .item-all .item.item-02{width: 60%;}
  section#plc .item-all .line {width: 1px; height: 15%; top: 37.5%; left: 76%; }
  section#plc .item-all .item.item-01 .label-content .icon:nth-child(2) > .photo { width: 90%; margin:50% 5% 0; }
  /* 智慧製造 end*/


}




@media (max-width:320px) {
  section#concept .text > h3{font-size: 1.3rem;}
}