@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900');

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');



* {

	padding: 0;

	margin: 0; 

}

body {

    font-family: 'Noto Sans TC','微軟正黑體','arial', sans-serif;

    letter-spacing: 1px;

    font-size: 16px;

    line-height: 150%;

    position: relative;

}


:focus{

    outline: 0 !important   ;

}

.row{

    margin: 0px; 

}

ul, ol {

    list-style: none;

}

a {

    color: #333333;

    text-decoration: none !important;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    line-height: 150%;

}

p{

    font-size: 16px;

    margin: 0;

    color: #333;

    line-height: 150%;

}

img{

    max-width: 100%;

    height: auto;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    line-height: 150%;

    margin: 0px;

    

}

.container{

    width: 1440px;

    padding: 0px;

    max-width: 100%;

}



section{

    padding: 4vw 15px;

}

#loading  

{  

    position:fixed;  

    width: 100%;

    height: 100%;  

    z-index:9999;

    background:#fff;

    top: 0;

}

#loading  .loading-img{

    position: absolute;

    width: 300px;

    margin: auto;

    top: 45%;

    right: 0;

    left: 0;

}
.fix-bottom-menu{
    display: none;
}

/*滾動條禁用*/  

.scoll_dis  

{  

    overflow:scroll;  

    overflow-y:hidden;  

}  



#gotop {



    display:none;

    position: fixed;

    border:1px solid #206ca5;

    background:#206ca5 ;

    right: 19px;

    bottom: 44px;    

    padding: 10px 10px 15px 10px;    

    font-size: 16px;

    color: #fff;

    cursor: pointer;

    z-index: 999;

    font-weight: 600;

    transition: 0.5s;

    opacity: 1;

    text-align: center;

}

#gotop:hover{

    color: #206ca5;

    border:1px solid #206ca5;

    background: #Fff;

    transition: 0.5s;

    opacity: .8;

}

.no-padding{

    padding: 0px !important;

}

.flex-wrap{

    display: flex;

    justify-content: center;

    align-items: center; 

}

.contact-fixed{

    position: fixed;

    bottom: 120px;

    right: 10px;

    text-align: center;

    z-index: 99;

}

.contact-fixed a{

    color: #FFF;

    background: #206ca5;

    padding: 5px 20px;

    font-weight: 300;

    letter-spacing: 2px;

    border-radius: 25px;

    transition: .3s;

    border: 1px solid #206ca5;

}

.contact-fixed i{

    width: 30px;

    margin-right: 5px;

}

.contact-fixed.contact-phone{

    display: none;

}

.contact-fixed.contact-line{

    bottom: 10%;

}

.contact-fixed.contact-line a{

    background: #22ba4f;
    font-weight: 600;
    border: 1px solid #22ba4f;

    

}

.contact-fixed.contact-line img{

    width: 30px;

    margin-right: 5px;

}

/* logo */

nav .fixed-top{

    z-index: 10;

}

nav .navbar-brand{

    font-size: 26px;

    font-weight: 900;

}

nav .navbar-brand img{

    width: 250px;

    transition: .5s;

}

nav .navbar-brand{



}

nav .scrollNav-logo img{

    width: 250px;

    transition: .5s;

}

nav.scrollNav .nav-link{

    padding: 1.2vw 20px;

}

/*mobile menu*/

.navbar-light .navbar-nav .nav-link{

    color: #000;

}

/* menu */

nav{

    /* position: fixed; */

    transition: .5s;

}

.navbar{

    padding: 0vw 8vw 0vw 8vw;

    transition: 1s;

    background: #fff;

}

nav .navbar-collapse{

    text-align:right;

}

.navbar-nav{

    display: none;

}

.navbar-light .navbar-toggler{

    border-color: rgba(0,0,0,0);

}

.navbar-light .navbar-toggler-icon{



    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");

}

.navbar-light .navbar-toggler:focus{

    outline: none;

}

nav .nav-link{

    padding: 1.2vw 20px;

    text-align: center;

}

nav .nav-link:hover .cn{

    /* background-color: #f00; */

    color: #206ca5;

    transition: .3s;

}

nav .nav-link.active .cn{

    /* background-color: #f00; */

    color: #206ca5;

}

nav .nav-item.contact-info a{

    margin-top: 0;

    letter-spacing: 2px;

    background: #0c3860;

    color: #FFF;

}

nav .nav-item.contact-info a .icon{

    display: flex;

    justify-content: center;

    align-items: center; 

}

nav .nav-item.contact-info a .info{

    text-align: left;

}

nav .nav-item.contact-info a span{

    color: #FFF;

}

    

nav .nav-link span{

    display:block;

}

nav .nav-link .en{

    font-weight: 400;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

}

nav .nav-link .cn{

    font-size: 16px;

    font-weight: 600;

    display: inline-block;

    letter-spacing: 2px;

}

nav .language .dropdown-menu{

    text-align: center;

    border: 0;

    left: -40%;

}

.nav > li .dropdown-menu-one{

    transform: scaleY(0);

    transform-origin: top;

    transition:.3s;

    display: block;

    padding: 0;

}

.nav > li .dropdown-menu-one .dropdown-menu-two{

/*     transform: scaleY(0);

    transform-origin: top;

    transition:.3s;

    display: block; */

    padding: 0;

}

.nav > li .dropdown-menu .dropdown-item{

    padding: 15px;

    border-bottom: 1px solid #f1f1f1;

    font-weight: 400;

    color: #333;

    letter-spacing: 2px;

}

.nav > li .dropdown-menu .dropdown-item:hover{

    background: none;

    color: #206ca5;

}

.nav > li .dropdown-menu .dropdown-item:active{

    background: none;

    color: #206ca5;

}

.nav > li:hover .dropdown-menu.dropdown-menu-one{

    display: block;

    transform: scaleX(1);

    transition:.3s;

}

.nav .dropdown-menu-one .dropdown-item:hover + .dropdown-menu-two{

    /* display: block;

    transform: scaleX(1);

    transition:.3s; */

}

nav .nav > li:hover .dropdown-menu{

    /* top: 100% !important; */

    border: 0px solid rgba(0,0,0,.15);

}

nav .dropdown-item:focus, .dropdown-item:hover{

    color: #206ca5;

}

nav .navbar-nav .dropdown-menu.show{

    top: 80% !important;

    border: 0px solid rgba(0,0,0,.15);

    text-align: center;

}

nav .navbar-nav .dropdown-menu .dropdown-item{

    padding: 15px 0;

}

nav .navbar-nav .dropdown-toggle:focus{

    outline: 0px;

}

.nav > li .product-dropdown{

    position: static;

}

.nav > li .product-dropdown-menu{

    width: 100%;

    box-shadow: 0 6px 15px rgb(36 37 38 / 8%);

    transition: .3s;

    background: #F2F5F8;

    padding: 30px 0;  

}

.nav > li .product-dropdown-menu .item{

    padding:15px;

    transition: .3s;

}

.nav > li .product-dropdown-menu .item .title{

    font-size: 16px;

    text-align: center;

    margin-top: 20px;

    font-weight: 300;

}

.scrollNav{

    background: rgba(255, 255, 255, 1);

    transition: 1s;

    box-shadow: 0 6px 15px rgb(36 37 38 / 8%);

}

.deco-lines{

    position: fixed;

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 90%;

    height: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

}

.deco-lines>div {

    width: 1px;

    height: 100%;

    background-color: rgba(0,0,0,.07);

}

/* nav .form-control{

    padding: .1rem .75rem;

    font-size: 14px;

}

nav .btn{

    padding: .1rem .75rem;

    font-size: 14px;

} */

/*輪播圖*/

.slider-wrap .carousel .carousel-inner .carousel-item{

    /* max-height: 100vh;

    height: 100vh; */

    position: relative;



}

.slider-wrap .carousel .carousel-inner .img-wrap{

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-size: cover;

    background-position: right;

}

.slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption h1{

    position: relative;

    font-size: 48px;

    font-family: 'Noto Sans TC','微軟正黑體','arial', sans-serif;

    /* font-style: italic; */

    font-weight: 900;

    color: #FFF;

    letter-spacing: 1px;

    line-height: 100%;
    margin-bottom: 15px;

}

.slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption h5{

    font-size: 28px;    

    font-weight:600;

    color: #fff;   

    font-family: 'Roboto', sans-serif;

    letter-spacing: 1px;

    /* text-shadow: 0px 4px 3px rgba(0,0,0,0.4),

             0px 8px 13px rgba(0,0,0,0.1),

             0px 18px 23px rgba(0,0,0,0.1); */



}

.slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption p{

    color: #fff;

    font-size: 26px;    

    font-weight: 600;

    letter-spacing: 2px;

    line-height: 150%;

    font-family: 'Noto Sans TC','微軟正黑體','arial', sans-serif;

    /* text-shadow: 0px 4px 3px rgba(0,0,0,0.4),

             0px 8px 13px rgba(0,0,0,0.1),

             0px 18px 23px rgba(0,0,0,0.1); */

}

.slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption .more{

    text-align: left;

}

.slider-wrap .carousel .carousel-inner  .carousel-caption{

    max-width: 100%; 

    top: 35%;   

    left: 12%;  

    right: 0;

    margin: auto;

    text-align: left;

}

.scroll{

    position: absolute;

    left: 50%;

    bottom: 10%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    text-align: center;

    z-index: 20;

    font-family: '微軟正黑體', serif; 

    font-weight: 600;

}

.scroll a{

    text-decoration: none;

}

#scroll{

    cursor:pointer;

}

.scroll .p-scroll {

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 1.8px;

    color: #333333;

    cursor:pointer;



}

.scroll .p-scroll.scrolldown {

    font-size: 20px;

    line-height: 1;

    -webkit-animation: scroll 2s infinite;

    animation: scroll 2s infinite;

}

.el_scrollLine {

      position: absolute;

      z-index: 20;

      bottom: 1%;

      left: 50%;

      -webkit-transform-origin: top left;

      transform-origin: top left;

      -webkit-transform: rotate(-90deg) translateY(-50%);

      transform: rotate(-90deg) translateY(-50%); }

     

.el_scrollLine {

  display: inline-block; }

  .el_scrollLine_txt {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #fff;

    font-size: 1rem;

    cursor: pointer; }

    .el_scrollLine_txt::after {

      content: "";

      display: inline-block;

      width: 5rem;

      height: .075rem;

      margin-left: 1.7rem;

      background-color: #fff;

      -webkit-transform: scaleX(0);

      transform: scaleX(0);

      -webkit-animation-name: "lineScaleAnimation";

      animation-name: "lineScaleAnimation";

      -webkit-animation-duration: 1.5s;

      animation-duration: 1.5s;

      -webkit-animation-timing-function: ease;

      animation-timing-function: ease;

      -webkit-animation-delay: 0s;

      animation-delay: 0s;

      -webkit-animation-iteration-count: infinite;

      animation-iteration-count: infinite;

      -webkit-animation-direction: normal;

      animation-direction: normal;

      -webkit-animation-fill-mode: forwards;

      animation-fill-mode: forwards; }

    .el_scrollLine_txt:hover{

        color: #fff;

    }

@-webkit-keyframes lineScaleAnimation {

  0% {

    -webkit-transform-origin: right;

    transform-origin: right;

    -webkit-transform: scaleX(0);

    transform: scaleX(0); }

  49% {

    -webkit-transform-origin: right;

    transform-origin: right;

    -webkit-transform: scaleX(1);

    transform: scaleX(1); }

  50% {

    -webkit-transform-origin: left;

    transform-origin: left;

    -webkit-transform: scaleX(1);

    transform: scaleX(1); }

  100% {

    -webkit-transform-origin: left;

    transform-origin: left;

    -webkit-transform: scaleX(0);

    transform: scaleX(0); } }



@keyframes lineScaleAnimation {

  0% {

    -webkit-transform-origin: right;

    transform-origin: right;

    -webkit-transform: scaleX(0);

    transform: scaleX(0); }

  49% {

    -webkit-transform-origin: right;

    transform-origin: right;

    -webkit-transform: scaleX(1);

    transform: scaleX(1); }

  50% {

    -webkit-transform-origin: left;

    transform-origin: left;

    -webkit-transform: scaleX(1);

    transform: scaleX(1); }

  100% {

    -webkit-transform-origin: left;

    transform-origin: left;

    -webkit-transform: scaleX(0);

    transform: scaleX(0); } }



@-webkit-keyframes scroll {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 0; }

  50% {

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

    opacity: 1; }

  100% {

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

    opacity: 0; } }



@keyframes scroll {

  0% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 0; }

  50% {

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

    opacity: 1; }

  100% {

    -webkit-transform: translateY(5px);

    transform: translateY(5px);

    opacity: 0; } }

/*輪播圖*/



/* 漢堡選單 */

.navbar-toggler {

  border: none;

  background: transparent !important;

}



.navbar-toggler:focus {

  outline: none;

  background: transparent !important;

}



.navbar-toggler .icon-bar {

  background-color: #000;

  transform: rotate(0deg) translate(0px, 0px);

  transition: ease all .2s;

}



.navbar-toggler .icon-bar {

  display: block;

  width: 22px;

  height: 2px;

  border-radius: 1px;

}



.navbar-toggler .icon-bar+.icon-bar {

  margin-top: 4px;

}



.icon-bar:nth-child(2) {

  width: 16px;

  transition: ease all .2s;

}



.navbar-toggler:hover>.icon-bar:nth-child(2) {

  width: 22px;

  transition: ease all .2s;

}



.navbar-toggler:active>.icon-bar:nth-child(2) {

  width: 22px;

  transition: ease all .2s;

}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {

  transform: rotate(45deg) translate(5px, 4px);

  transition: ease all .2s;

}



.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {

  opacity: 0;

  transition: ease all .2s;

}



.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {

  transform: rotate(-45deg) translate(4px, -4px);

  transition: ease all .2s;

}



.sec-accent {

  background-color: #000;

}



.blue {

  background-color: #9999cc;

}



/* 編輯器 */

.inside-editor{

    /* padding: 15px 4vw; */

}

.inside-editor img{

    max-width: 100%; 

}

.inside-editor videos{

    max-width: 100%;

}

.inside-editor table{

    max-width: 100%;

    background: #fff;

}

.inside-editor table th,.inside-editor table td{

   padding: 5px 15px;

}

/*首頁標題*/

.index-title{   

    letter-spacing: 2px;

    text-align: center;

    margin-bottom: 40px;

    z-index: 99;

}

.index-title h1{

    font-weight: 900;

    color: #206ca5;

    font-size: 36px;

    letter-spacing: 2px;

    font-family: 'Noto Sans TC','微軟正黑體','arial', sans-serif;

   

}

.index-title h5{

    font-size: 18px;

    font-weight: 900;   

     font-family: 'Roboto', sans-serif;

}



/*index-about*/

.index-about{

   position: relative;

}

.index-about::after{

   content: '';

    position: absolute;

    width: 95%;

    height: 80%;

    /* top: 0; */

    bottom: 5%;

    /* right: 0; */

    left: 0;

    margin: auto;

    background: #f9f9f9;

    background-repeat: no-repeat;

    border-radius: 0 50px 50px 0;

    z-index: -1;

}

.index-about .img-wrap{

    text-align: center;

}

.index-about .img-wrap img{

    box-shadow: 0 6px 15px rgb(36 37 38 / 15%);

    border-radius: 15px;

    width:  100%;

}

.index-about .company{

    margin-bottom: 25px;

}

.index-about .company h5{

    font-size: 26px;

    font-weight: 600;

    line-height: 120%;

    color: #206ca5;

    letter-spacing: 2px;

}

.index-about .content{

    padding: 15px;

    height: 100%;  

}

.index-about .content h1{

    font-size: 24px;

    font-weight: 400;

    letter-spacing: 2px;

    color: #333;

}


.index-about .content p{

    font-weight: 600;   

    font-size: 16px;

    line-height: 200%;

}

/* index-projects */

.index-projects{

    /* background: url('../images/banner/bottom-banner.jpg'); */

    background-position: bottom;

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

    position: relative;

}

.index-projects .item{

    position: relative;

    overflow: hidden;

    margin-bottom: 15px;

    transition: .5s;

}



.index-projects .content-wrap{

    

   

}

.index-projects .item .title {


}

.index-projects .item .title h1{

    color: #333;

    font-size: 24px;

    font-weight: 600;   

    transition: .3s;

    position: relative;

    padding: 10px 0;

     color: #232323;





}

.index-projects .item .title h1::before{

    content: '';

    position: absolute;

    bottom:0;

    margin: auto;

    left: 0;

    background-color: #206ca5;

    width: 40px;

    height: 2px;

}


.index-projects .item .title p{

    font-size: 16px;

    padding: 10px 0;

    color: #333;

}

.index-projects .item .img-wrap{

    position: relative;

    height: 0px;

    padding-bottom: 70%;

    width: 100%;

    transition: .5s;

    overflow: hidden;

}

.index-projects .item .img-wrap img{

    width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    margin: auto;

    transition:1s;

}

.index-projects .item:hover .img-wrap img{

    /* transform: scale(1.2); */

    transition:.5s;

}

.index-projects .owl-theme .owl-nav {

    margin-top: 40px;

}

.index-projects .owl-theme .owl-nav [class*=owl-]{

    /* border: 1px solid #206ca5; */

    background: #a1a1a1;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    color: #fff;

    transition:.5s;

    font-size: 18px;

}

.index-projects .owl-theme .owl-nav [class*=owl-]:hover{

    color: #fff;

    background: #206ca5;

}

.index-projects .more{

    text-align: center;

}



/*index-products*/

.index-products{

    position: relative;

}

.index-products::after{

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0;

    right: 0;

    margin: auto;

    background: rgba(67, 146, 108, .05);

    background-repeat: no-repeat;

    border-radius: 0 0 0 0px;

    z-index: -1;   

}

.index-products .inside-banner-text{

    text-align: left;

    margin-left: 8vw;

}

.index-products .inside-banner-text h1{

       

}

.index-products .item{

    position: relative;

    background: #fff;

    box-shadow: 0 6px 15px rgb(36 37 38 / 15%);

    transition: .3s;


}
.index-products .item::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    /* pointer-events: none; */
    background: -webkit-gradient(linear,left bottom,left top,color-stop(15%,rgba(0,0,0,0.7)),color-stop(44%,rgba(0,0,0,0)));
    background: linear-gradient(0deg,rgba(0,0,0,0.7) 15%,rgba(0,0,0,0) 44%);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: all 0.6s cubic-bezier(0.19,1,0.22,1);
    transition: all 0.6s cubic-bezier(0.19,1,0.22,1);
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
    z-index: 1;
}

.index-products .item:hover{

    /* box-shadow: 0 6px 15px rgb(36 37 38 / 15%);

    transition: .3s; */

}

.index-products .item .img-wrap{

   position: relative;
    height: 0px;
    padding-bottom: 70%;
    width: 100%;
    transition: .5s;
    overflow: hidden;

}

.index-products .item .img-wrap img{
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: .5s;
}
.index-products .item .img-wrap:hover img{
    transform: scale(1.2);
    transition: .5s;
}

.index-products .item .img-wrap .st0{

    transition: .3s;

}

.index-products .item:hover .img-wrap .st0{

    stroke:#206ca5 !important;

    transition: .3s;

}

.index-products .item .content-wrap{
    position: absolute;
    bottom: 15px;
    right: 0;   
    left: 0;    
    margin: auto;
     z-index: 10;


}

.index-products .item:hover .content-wrap{



}

.index-products .item .content-wrap .title{

    font-size: 26px;

    padding: 2vw 0 0 0;

    text-align: center;

    font-weight: 600;

    color: #fff;

    transition: .1s;

}



/* 項目顯示 */



.index-products #product-alone .item{

    margin-bottom: 4vw;

    background: #f7f7f7;

    border-radius: 25px;

    padding: 2vw;

    transition: .5s;

        box-shadow: 0 6px 15px rgb(36 37 38 / 9%);

}

.index-products #product-alone .item:hover{

    box-shadow: 0 9px 2.5rem rgb(0 0 0 / 8%);

    transition: .5s;

}

.index-products #product-alone .item .text h1{

    color: #333;

    font-size: 18px;

    font-weight: 400;

    letter-spacing: 4px;

    padding: 2vw 0 0 0;

    margin: 0;

    text-align: center;

    overflow : hidden;

    text-overflow : ellipsis;

    white-space : nowrap;

}

/* 項目顯示 */



/* 正源特點 */

.index-specialty {

    background: url('../images/sp-bac.jpg');

    background-size: cover;

}

.index-specialty .index-title h1{

    color: #FFF;

}

.index-specialty .index-title h5{

    color: #FFF;

}

.index-specialty .item{

    padding: 25px;

    margin: 15px;

    background: #fff;

}

.index-specialty .item .title{

    font-size: 20px;

    border-bottom: 1px solid #206ca5;

    color: #206ca5;

    padding-bottom: 15px;

    margin-bottom: 15px;

    justify-content: start;

}

.index-specialty .item .title svg{

    display: inline-block;

    width:30px !important;

    margin-right: 10px;

    height: auto;

}

.index-specialty .item .title svg path{

    fill: #206ca5;

}



.index-products .owl-carousel button span{

    /* font-size: 34px; */

    color: #333;

    font-weight: 900;

    padding: 16px;

    font-size: 24px;

    line-height: 18px;

    

}

.index-products .owl-carousel button{

    width:42px;

    height:42px;

    border-radius: 999em !important;

    background: #f1f1f1 !important;

     display: flex;

  justify-content: center;

  align-items: center; 

}

.index-products .owl-carousel button:focus{

    border: 0px;

    outline: 0px;

}

.index-products .owl-theme .owl-nav{

    margin-top: 10vh;

}

.index-products .owl-carousel .item{

    border-right: 1px solid #ccc;

}

.index-products .owl-carousel .item h1{

    font-size: 16px;

    margin: 0px;

    padding: 15px;

    text-align: center; 

}

.index-products .owl-carousel a{

    text-decoration: none;

}

/* index-contact */

.index-contact{

    position: relative;

    background: url('../images/contact.jpg');

    background-size: cover;

    background-repeat: no-repeat;



}

.index-contact p{

    color: #0c3860;

    font-size: 18px;

    font-weight: 900;

}

.index-contact i{

    padding-right: 10px;

}

.index-contact .more{

    text-align: center;

}

/*index-equipment*/

.index-equipment{

    background: url('../images/bg01.jpg');

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

}

.index-equipment .card-back{

    background: rgba(255, 255, 255, 1);

    border-radius: 5px 5px ;

}

.index-equipment .card-body{

    padding:1rem 1rem .5rem 1rem;

}

.index-equipment .card-title{

    font-weight: 900;



}

.index-equipment .card-title a{

    color: #005BAC;

}

.index-equipment a{

    text-decoration: none;

    /* background-color:rgba(255,255,255,1); */

}

.index-equipment a:hover{

    color: #005BAC;

}

/*comapny*/

.index-company {

    width: 100%;

    position: fixed;

    top:0px;

    height: 4px;

    z-index: 999;

    background-color: #f00;

}

.index-company .left ul{

    text-align: left;

    width: 100%;

    margin-top: 3px;

    padding-left: 10px;



}

.index-company .left ul li{

    display: inline-block;

    margin:0 5px;

    list-style: disc inside;

}

.index-company .left ul li a{

    color: #efefef;

    font-size: 14px;

    text-decoration: none;

}

.index-company .left ul li a:hover{

    color: #f90;

}

.index-company .left ul .active{

    color: #f90;

}

.index-company .right ul{

    text-align: right;

    width: 100%;

    margin-top: 3px;



}

.index-company .right ul li{

    display: inline-block;

    color: #efefef;

    font-size: 14px;

    margin:0 5px;

    list-style: disc inside;

}

.index-company .right ul .active{

    color: #f90;

}

/* .contact-btn */

.contact-btn{

    margin-top: 2vw;

}
.contact-btn.flex-wrap{
    justify-content: start;
}
.contact-btn a{

    text-decoration: none;
     font-size: 62px;
    font-weight: 900;
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    letter-spacing: 1px;   
    /* background: #206ca5; */
    transition: .5s;
    display: block;
    padding: 0; 

}

.contact-btn a:hover{

    /* color: #206ca5;

    background: #fff;


    transition: .5s; */

}
.contact-btn span{
   font-size: 26px; 
   font-weight: 600;    
}

.contact-btn i{

    margin-right: 5px;

}

/*more*/

 .more{

    width: 100%;

    margin-top: 4vw;

    text-align: left;

}

.more a{

    display: inline-block;

    text-decoration: none;

    font-weight: 600;

    transition: .5s;

    font-size: 18px;

    font-family: 'Noto Sans TC','微軟正黑體','arial', sans-serif;

    background: #206ca5;

    color: #fff;

    padding: 10px 40px 10px 40px;

    letter-spacing: 1px;

    position: relative;

    transition:.5s;

    box-shadow: 0 6px 15px rgb(36 37 38 / 8%);

    border-radius: 5px;

}

.more a:hover{ 

    transition: .5s;   

    color: #fff;

    background: #004375;

}

/*back*/

.back{

    margin-top: 40px;

    text-align: center;

}

.back a{

    font-weight: 600;

    font-size: 16px;

    color: #206ca5;

}

/*footer*/

.footer{

    right: 0;

    background: #2a3036;

    color: #f1f1f1;

    font-size: 14px;

}

.footer a{

    color: #f1f1f1;

    text-decoration: none;

}

.footer p{

    font-size: 14px;

    color: #f1f1f1;

    line-height: 20px;

}

.footer h5{

    padding:15px 0;

    font-weight: 600;

    letter-spacing:2px;  

}

.footer i{

    width: 16px;

    margin-right: 5px;

}

.footer .local{

    justify-content: start;

}

.footer .local p{

    padding-right: 15px;

}

.footer .information{

}

.footer .information p{



}

.footer .information .local h5{

    font-size: 16px; 

    font-weight: 300;      

}
.footer .information .logo-wrap{
    margin-bottom: 15px;
}
.footer .information .logo-wrap img{

    width: 200px;

}
.footer .sitemap{

    padding: 10px;

}

.footer .sitemap ul{

    text-align: left;

    display: inline-block;

}

.footer .sitemap ul li{

    padding: 0 10px;

    text-align: left;

    display: inline-block;

    /* display: inline-block; */

    /* border-left: 1px solid #999; */

}

.footer .sitemap ul li a{

    text-decoration: none;

    



}

.footer .sitemap ul li a:hover{

    color: #206ca5;

}

.footer .fllow-us{

    padding: 25px;

}

.footer .fllow-us h1{

    font-size: 24px;

}

.footer .fllow-us h5{

    font-size: 16px;

    font-weight: 300;

}

.footer .fllow-us p{

    font-size: 14px;

    font-weight: 100;

}

.footer .fllow-us .logo-wrap{

    text-align: center;

}

.footer .fllow-us .logo-wrap img{

    width: 200px;

}

.footer .icon ul li{

    display: inline-block;

}

.footer .icon ul li a{

    margin: 0 5px;

}

.footer .icon img{

    width: 40px;

}

/*copyright*/

.copyright{    

    background: #206ca5;

    padding: 5px 0;

}

.copyright p{

    width: 100%;

    margin: 0px;

    color: #fafafa;

    font-size: 12px;

    text-align: center;

}

.copyright a{

    color: #fafafa;

    font-size: 12px;

    text-decoration: none;

}





/*inside-banner*/

.inside-banner{

    position: relative;

}

.inside-banner::before{





}

.inside-banner .inside-banner-img{

    overflow: hidden;

    display: flex;

    justify-content: center;

    align-items: center; 

    max-height: 450px;

}

.inside-banner .inside-banner-img img{

    min-width: 1200px;

}

.inside-banner-text{

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 40%;

    margin: auto;

    border-radius: 15px;

    padding: 15px;

}

.inside-banner-text{

    text-align: center;

    margin-bottom: 40px;

    z-index: 2;

}

.inside-banner-text h1{

    color: #fff;

    font-family: 'Noto Sans TC','微軟正黑體','arial', sans-serif;

    letter-spacing: 1px;

    font-size: 48px;

    font-weight: 600;

    position: relative;

    margin: auto;

}



.inside-banner-text h5::before{

    /* content: '';

    position: absolute;

    bottom: 0;  

    right: 0;   

    left: 0;

    margin: auto;

    width:  15%;

    height:  4px;

    background-color: #206ca5; */

}

.inside-banner-text h5{

    color: #fff;

    font-weight: 600;

    font-size: 18px;

    position: relative;

    letter-spacing: 2px;

    padding-bottom: 15px;

}

/*麵包屑*/

.bre ul{

    margin-bottom: 0px;

    padding: 1rem  ;

    text-align: right;

    /* border-bottom: 1px solid #ebebeb; */

    color: #232323;

}

.bre ul li{

    display: inline-block;

    font-size: 12px;

}

.bre ul li a{

    text-decoration: none;

    color:  #206ca5;

}

.bre ul li i{

    margin-right:5px;

}





/*inside-about*/

.inside-about{

    position: relative;

    padding: 4vw 0px 0 0;

}

.inside-about .page-title{

    max-width: 50%;

    margin-bottom: 20px;

}

.inside-about .page-title p{

}

.inside-about .page-title-md{

    font-size: 16px;

}

.inside-about .page-title-lg{

    font-size: 26px;

}

.inside-about .inside-title h3{

    font-size: 36px;

    color: #206ca5;

    text-align: center;

}

.inside-about .content-wrap{

    margin-bottom: 40px;

}

.inside-about .content-wrap .about-wrap{

    text-align: center;

}

.inside-about .content-wrap .content{

    margin-bottom: 30px;

}

.inside-about .content-wrap .img-wrap img{

    border-radius: 15px;

}

.inside-about .content-wrap .content h5{

    font-size: 26px;

    font-weight: 400;

    line-height: 150%;

    color: #206ca5;

    letter-spacing: 4px;

    margin-bottom:  5px;   

    margin-bottom: 15px; 

}


.inside-about .content-wrap .content p{

    letter-spacing: 1px;

    line-height: 175%;

    margin-bottom: 15px;

}

.inside-about .content-wrap .specialty-wrap .title h5{

    font-size: 36px;    

    font-weight: 600;   

    color: #206ca5;

}

.inside-about .content-wrap .specialty-wrap .list ul li{

    border-bottom: 1px solid #dcdcdc;

    padding: 15px 0 40px 0;

}

.inside-about .content-wrap .specialty-wrap .list h5{

    color: #206ca5;

    font-weight: 400;   

}

.inside-about .content-wrap .company h5{

    text-align: center;

}

.inside-about .quality-wrap .item .img-wrap{

    position: relative;



    padding-bottom: 100%;

    overflow: hidden;

    width: 100%;

}

.inside-about .quality-wrap .item{

    margin-bottom: 40px;

}

.inside-about .quality-wrap .item .img-wrap img{

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    margin: auto;

    max-height: 100%;

    height: 100%;

    border-radius: 15px;

}

.inside-about .quality-wrap .item .text p{

    text-align: center;

    font-size: 16px;

    font-weight: 600;

}

.inside-about .about-service-list{

    background: url('../images/about/about-service-bac.jpg');

    padding: 6vw 0;

}

.inside-about .about-service-list .list{

    padding: 2vw 1vw;

    text-align: center;

}

.inside-about .about-service-list .list h5{

    font-size: 18px;

}

/* inside-videos */

.inside-videos .content-wrap{

    margin-bottom: 60px;

    box-shadow: 0 6px 15px rgb(36 37 38 / 8%);

    transition:.5s;

}

.inside-videos .content-wrap:hover{

    background: #3887BE;

    transition:.5s;

}

.inside-videos .img-wrap iframe{

     max-width: 100%;

     width: 100%;

}

.inside-videos .img-wrap img{

    max-width: 100%; 



}

.inside-videos .title h5{

    font-size: 26px;

    margin: 15px 0;

    color: #3887BE;

    transition:.5s;

}

.inside-videos .content-wrap:hover .title h5{

    color: #fff;

    transition:.5s;

}

.inside-videos .flex-wrap{

    justify-content: start;

}



/* Timeline */

.inside-about .timeline {

  border-left: 4px solid #206ca5;

  border-bottom-right-radius: 4px;

  border-top-right-radius: 4px;

  background: rgba(255, 255, 255, 0.03);

  color: #333;

  margin: 50px 0px 50px 100px;

  position: relative;

  padding: 50px 0px 50px 50px;

  list-style: none;

  text-align: left;

  font-weight: 100;

  max-width: 100%;

  letter-spacing: 1px;

}

.inside-about .timeline .event {

  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);

  padding-bottom: 40px;

  position: relative;

}

.inside-about .timeline .event h3{

 font-size: 16px;

}

.inside-about .timeline .event:last-of-type {

  padding-bottom: 0;

  margin-bottom: 0;

  border: none;

}

.inside-about .timeline .event:before,

.inside-about .timeline .event:after {

  position: absolute;

  display: block;

  top: 0;

}

.inside-about .timeline .event:before {

  left: -217.5px;

  color: #1a1a1a;

  content: attr(data-date);

  text-align: right;

  font-weight: 400;

  font-size: 0.9em;

  min-width: 120px;

}

.inside-about .timeline .event:after {

  box-shadow: 0 0 0 4px #206ca5;

  left: -57.85px;

  background: #fff;

  border-radius: 50%;

  height: 11px;

  width: 11px;

  content: "";

  top: 5px;

}





/* inside-news */

.inside-news .news-item{

    margin-bottom: 40px;

}

.inside-news .item .date{

    font-size: 14px;

    color: #FFF;

    padding: 0;

    font-weight: 300;

    transition: .3s;

}

.inside-news .item .date i{

    padding-right: 5px;

}

.inside-news .item .title{

    font-size:20px;

    color: #FFF;

    padding: 0;

    font-weight: 500;

    letter-spacing: 2px;

    border-bottom: 2px solid #FFF;

    transition: .3s;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

}

.inside-news .item:hover .title{

    font-size: 16px;

    transition: .3s;

    

}

.inside-news .item:hover .date{

    font-size: 12px;

    transition: .3s;

}

.inside-news .item{

    position: relative;

    border-radius: 25px;

    overflow: hidden;

}

.inside-news .item .img-wrap::before{

    content: "";

    bottom: 0;

    width: 100%;

    height: 100%;

    opacity: .8;

    border-radius: 25px;

    position: absolute;

    z-index: 1;

    background-image: linear-gradient(120deg, #f093fb 0%, #206ca5 100%);

    transition: 1s;

}

.inside-news .item:hover .img-wrap::before{

    height: 80px;

    transition: 1s;

}

.inside-news .item:hover .content-wrap{

    padding: 10px 15px;

    transition: .5s;

}

.inside-news .item .content-wrap{

    position: absolute;

    bottom: 0;

    z-index: 2;

    padding: 15px 25px;

    transition: .5s;

}

.inside-news .item .content-wrap h1{

    



}



.inside-news-detail .date{

    color: #206ca5;

}

.inside-news-detail .date i{

    padding-right: 5px;

}

.inside-news-detail .title{

    font-size: 24px;

    padding-bottom: 15px;

    border-bottom: 1px solid #ededed;

    margin-bottom: 30px;

}

/*inside-equipment*/

.inside-equipment{

    padding: 2vw 15px;

}





.inside-quality .content-title h5{

    color: #222;

    font-size: 18px;

    margin-bottom: 2vh;  

    color: #206ca5;

}

.inside-quality .quality-item{

    padding: 15px;

}

.inside-quality .quality-item img{

    

}

.inside-quality .quality-item h5{

    padding: 5px;

    margin-bottom: 0px;

    font-size: 18px;

}

.inside-quality .quality-item p{

    padding: 5px;

}

/*.inside-process*/

.inside-process{

    /* background: url('../images/process-back.jpg'); */

    background-repeat: no-repeat;

    background-attachment: fixed;

    background-position: bottom;

}

.inside-process .process-img{

    width: 100%;

    text-align: center;

}

.inside-process .process-img img{



}

.inside-title{

    margin-bottom: 60px;

}

.inside-title h5{

    font-size: 24px;    

    text-align: center;

}

/*inside-products*/

.inside-products{

    padding: 2vw 15px;

}

.inside-products .products-menu{

    padding: 15px 4vw 15px 0vw;

}

.inside-products .products-menu .menu-title h5{

    font-size:24px;

    border-left: 4px solid #206ca5;

    padding: 0 5px;

    margin-bottom: 15px;

    color: #206ca5;

}

.inside-products .products-menu ul{

}

.inside-products .products-menu ul li a{

    display: block;

    padding: 10px 15px;

    border-bottom: 1px solid #efefef;

    margin-bottom: 5px;

    color: #232323;

    font-size: 18px;

    letter-spacing: 1px;

    text-align: left;

}

.inside-products .products-menu ul li a:hover{

    color: #FFF;

    background: #206ca5;

     border-bottom: 1px solid #206ca5;

}

.inside-products .products-menu ul li .card-body{

    padding: 10px;

}

.inside-products .products-menu ul li .card-body a{

    padding: 5px 10px;

}

.inside-products .products-menu ul a.active{

    color: #FFF;

    background: #206ca5;

}

.inside-products .mobile-menu{

    text-align: center;

    display: none;

    margin-bottom: 2vw;

    background: #fff;

}

.inside-products .mobile-menu .menu a{

    width: 100%;

     font-size:16px;

    color: #fff;

    border-radius: 25px;

    border: 1px solid #206ca5;

    background: #206ca5;

}

.inside-products .mobile-menu .menu-item{

    padding-left: 0px;

}

.inside-products .mobile-menu .menu-item li a{

    display: block;

    padding: 15px;

    border-bottom: 1px solid #ccc;

}

.inside-products .mobile-menu .menu-item a.active{

    color: #206ca5;

    border-bottom: 1px solid #206ca5;

}

.inside-products .mobile-menu .btn-primary{

}

.inside-products .mobile-menu .btn-primary:hover{

}

.inside-products .mobile-menu .btn-primary:focus{

    box-shadow: none;

}

.inside-products .item{


    padding: .5vw;


    transition: .3s;

}

.inside-products .item:hover{

   

}

.inside-products .item .img-wrap .st0{

    transition: .3s;

}

.inside-products .item:hover .img-wrap .st0{

    stroke:#206ca5 !important;

    transition: .3s;

}

.inside-products .item .content-wrap .title{

    font-size: 18px;

    text-align: center;

    margin-top: 20px;

    font-weight: 300;

}

.inside-products-detail{

    background: url('../images/product-line.png');

    padding: 4vw 0;

}

.inside-products-detail .container{

    width:  1140px;

}

.inside-products-detail .detail-img{

    text-align: center;

    border: 1px solid #efefef;

    padding: 2vw;

    border-radius: 15px;

}

.inside-products-detail .detail-img img{

    width: 100%;

}

.inside-products-detail .detail-title{

    margin: 0 0 15px 0;

}

.inside-products-detail .detail-title h1{

    color: #206ca5;

    border-radius:50px;

    font-weight: 600;

    padding: 0px 0 5px 25px;

    font-size: 26px;

    text-align: left;

    position: relative;

}

.inside-products-detail .detail-title h1::before{

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    left: 0;

    background-color: #206ca5;

    width: 15px;

    height: 15px;

    border-radius: 50%;

}

.inside-products-detail .detail-content{

    padding: 2vw 0;

}

.inside-products-detail .detail-content .content-title h3{

    color: #206ca5;

    padding: 2vw 4vw;

    font-size: 36px;

    font-weight: 600;

    text-align: left;

}

.inside-products-detail .detail-content .content-title .mobile-note{

    display: none;

}

.inside-products-detail .detail-content .list{

    padding: 2vw 4vw;

}

.inside-products-detail .detail-content .list table{

    text-align: center;

    width: 100%;

    display: block;

    overflow-x: auto;

    white-space: nowrap;

}

.inside-products-detail .detail-content .list table tbody{

    border-radius: 25px;

    background: #fff;

}

.inside-products-detail .detail-content .list table th{

    padding: 5px 0;

    color: #fff;

    background: #206ca5;

    font-weight: 500;

}



.inside-products-detail .detail-content .list table td{

    padding: 40px 2vw;

    border-bottom: 1px solid #f1f1f1;



}

.inside-products-detail .detail-content .list table tr{

    padding: 15px;

}

.inside-products-detail .detail-content .list table .model{

    color: #206ca5;

}

.inside-products-detail .detail-content .list table .model a{

    color: #206ca5;

    padding: 0 5px;

}

.inside-products-detail .detail-content .list table .gb{

    color: #206ca5;

}

.inside-products-detail .detail-content .list table .stag{

    color: #206ca5;

    font-size: 20px;

    font-weight: 600;

}

.inside-products-detail .detail-content .list table .mobile{

    display: none;

}

.inside-products-detail .detail-content .list table .ap-btn a{

    color: #fff;

    background: #206ca5;

    padding: 8px 25px;

    border-radius: 25px;

    border: 1px solid #206ca5;

    transition:.3s;

}

.inside-products-detail .detail-content .list table .ap-btn a:hover{

    color: #206ca5;

    background: #fff;

    border: 1px solid #206ca5;

    transition:.3s;

}

.inside-products-detail .detail-content .fast{

    text-align: center;

}

.inside-products-detail .detail-content .fast p{

    color: #206ca5;

}

.inside-products-detail .more{

    text-align: center;

}

.inside-products .handle-list {

    padding: 0 4vw;

}

.inside-products .handle-title h1{

    color: #206ca5;

}

.inside-products .handle-list form{

    /* max-width: 800px; */

    background: #f7f7f7;

    border-radius: 25px;

    padding: 25px;

    box-shadow: 0 6px 15px rgb(36 37 38 / 8%);

}

.inside-products .handle-list .handle-btn{

    margin-top: 25px;

    color: #fff;

    background: #206ca5;

    padding: 8px 25px;

    border-radius: 25px;

    border: 1px solid #206ca5;

    transition: .3s;

    cursor: pointer;

}

.inside-products .handle-list .handle-btn:focus{

    outline: 0;

}

.inside-products .handle-list .form-check-label a{

    color: #206ca5;

}

.inside-products .handle-list label{

    font-weight: 600;   

    color: #206ca5;

}

/* .inside-products .apl-item{

    box-shadow: 0 6px 15px rgb(36 37 38 / 4%);

    border-radius: 15px;

    padding: 15px;

    transition: .3s;

}

.inside-products .apl-item:hover{

    box-shadow: 0 6px 15px rgb(36 37 38 / 8%);

    transition: .3s;

} */

.inside-products .apl-item .text{

}

.inside-products .apl-item .title{

   font-size: 24px;
    font-weight: 600;
    transition: .3s;
    position: relative;
    padding: 0 0 10px 0;
    color: #232323;

}
.inside-products .apl-item .title::before{
    content: '';
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    background-color: #206ca5;
    width: 40px;
    height: 2px;
}

.inside-products .apl-item:hover .title{

    color: #206ca5;  

    transition: .3s;

}

.inside-products .apl-item .text span{

    font-size: 14px;

    font-weight: 400;

}
.inside-products .item .img-wrap img{
    width: 100%;
    /* position: absolute; */
    right: 0;
    left: 0;
    margin: auto;
}

.inside-products .apl-item .img-wrap{

    text-align: center;
    position: relative;
    height: 0px;
    padding-bottom: 70%;
    overflow: hidden;
    width: 100%;
    transition: .5s;
}

.inside-products .apl-item:hover .img-wrap{

   

}

/* .inside-application*/

.inside-application .apl-item .text{

    text-align: center;

}

.inside-application .apl-item .title{

    font-size: 18px;

}

/* inside-equipment */

.inside-equipment .item .text{

    padding: 5px 0 5px 0;

}

.inside-equipment .item .text .title{

    font-size: 18px;    

    text-align: left;

    /* padding: 15px 0 5px 0; */

    padding-left: 25px;

    font-weight: 600;

    position: relative;

}

.inside-equipment .item .text .title::before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    left: 0;

    background-color: #206ca5;

    width: 15px;

    height: 15px;

    border-radius: 50%;

}

.inside-equipment .item .image{

    text-align: center;

    position: relative;

    height: 0px;

    padding-bottom: 70%;

    overflow: hidden;

    width: 100%;

    transition: .5s;

}

.inside-equipment .item .image img{

    width: 100%;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    margin: auto;

}

.inside-equipment .equipment-item:hover .title{

    color: #206ca5;

}

/* inside-download */

.inside-download .item{

  

}

.inside-download .item a{

    position: relative;

    display: block;

    background: #F2F5F8;

    border: 1px solid #F2F5F8;

    color: #206ca5;

    padding: 15px 30px 15px 30px;

    border-radius: 50px;

    letter-spacing: 2px;

    position: relative;

    transition: .5s;

    

}

.inside-download .item a:hover{

    box-shadow: 0 6px 15px rgb(36 37 38 / 15%);

    background: #206ca5;

    border: 1px solid #206ca5;

    color: #fff;

    transition:.5s;

}

.inside-download .item a span{

    position: absolute;

    top: 0;

    bottom: 0;  

    margin: auto;

    right: 30px;

}

/* disclaimer */

.disclaimer .inside-editor p{

    font-size: 16px;    

}

.disclaimer .inside-editor ul{

    list-style-type: decimal;

    padding-left: 2vw;

}

.disclaimer .inside-editor ul li{

    padding: 5px 0;

    font-weight: 300;   

} 

/*inside-contact*/

.inside-contact {

    

}

.inside-contact .information .wrap{

    transition: .5s;
    margin-bottom: 40px;

}

.inside-contact .information h5{

    font-size:24px;

    color: #206ca5;

}

.inside-contact .information ul li{

    padding: 5px 0;

    letter-spacing: 1px;

    font-size: 16px;

}

.inside-contact .information ul li a{

    text-decoration: none;

    font-size: 16px;

    letter-spacing: 1px;

}

.inside-contact .information ul li i{

    width: 30px;

    text-align: center;

    color: #000;

    font-size: 12px;

}

.inside-contact .information ul .mob span{

    padding-left: 30px;

}

.inside-contact form input{

    width: 100%;

    padding: 12px;

    border: 0px;

    background: #f5f5f5;

    border-radius: 2px 2px;

    letter-spacing: 2px;

    color: #000;

    font-size: 14px;

}

.inside-contact form textarea{

    width: 100%;

    padding: 8px;

    border: 0px;

    background: #f5f5f5;

    border-radius: 2px 2px;

    letter-spacing: 2px;

}

.inside-contact button{

    padding: 10px 50px;

    border-radius: 2px 2px;

    border: 1px solid #206ca5;

    background: #206ca5;

    color: #Fff;

    cursor: pointer;

    transition: .5s;



}

.inside-contact button:hover{

    opacity: .8;

    transition: .5s;

}

.inside-contact .form{

    font-size: 14px;

    padding: 10px;

}

.inside-contact .form p{

    font-size: 14px;

}

.inside-contact .form span{

    color: #F00;

}

/*inside-service*/

.inside-service .container{

    width: 1160px;

}



@media (max-width:1200px) {

.navbar{

    padding: 0vw 2vw 0vw 2vw;

}

/*輪播圖文字*/

.slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption h1{
    font-size: 36px;
}
.slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption h5{
    font-size: 18px;
}
.slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption p{
    font-size: 18px;
}
.contact-btn span{
    font-size: 18px;
}
.contact-btn a{
    font-size: 36px;
}
.zoom-slider .slide-text h1{

    font-size: 36px;

}

.zoom-slider .slide-text h3{

    font-size: 18px;

}

.zoom-slider .slide-text{

    left: 0;

}

.index-about .content h1{

    font-size: 20px

}

.index-about .content h5{

    font-size: 24px

}



.index-products{

    padding: 60px 2vw;

}

.inside-products{

    padding: 5vh;

}

.inside-products .products-item{

        padding: 20px;

}

.inside-products-detail .detail-content .content-title h3{

    padding: 2vw 0;

}

.inside-products-detail .detail-content .list{

    padding: 2vw 0;

}

.inside-equipment{

    padding: 1vh; 

}

.footer .information{

    padding-left:0px;

}

.footer .sitemap{

    padding-left:0px;

}

}

@media (max-width: 991px) {

    section{

    padding:80px 15px;

    }

    .navbar{

        padding: 1vw 2vw;

    }

    .contact-fixed.contact-phone{

        display: block;

    }

    .contact-fixed a{

        font-size: 14px;

    }

    .navbar-nav{

    display: block;

    background: rgba(255, 255, 255, 1);

    }

    .navbar-nav .nav-item{

        border-bottom: 1px solid #efefef;

    }

    nav .nav{

        display: none;

    }

    nav .nav-link{

        padding: 20px 0;

    }

    nav.scrollNav .nav-link{

        padding: 20px 0;

    }

    nav .navbar-nav .dropdown-menu.show .dropdown-item{

        padding: 15px;

    }

    .carousel-item{

        width: 100%;

        overflow: hidden;



    }

    .slider-wrap .carousel-caption{

        top:20%;

        text-align: left;

    }

    .el_scrollLine{

        /* display: none; */

    }

    /*輪播圖文字*/

    .slider-wrap .carousel .carousel-inner .carousel-caption{

        left: 5%;

    }

    .slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption h1{

       font-size: 26px

    }

    .slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption h1 span{

        font-size: 26px

    }

    .slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption h5{

        font-size: 18px;

    }

    .slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption p{

        font-size: 16px;

    }

    .index-about::after{

        background-size: cover;

        background-position: center center;

    }

    .index-company .right{

        display: none;

    }

    .index-service{

        background-attachment: scroll;

    }

    .inside-products{

    padding: 3vh;

    }

    .inside-products-detail .detail-content .list table td{

        padding: 20px 1vw;

    }

    .footer .information{

        padding-left:0px;

        margin-bottom: 40px;

    }

    .footer .sitemap{

        padding-left:0px;

        padding-right: 0px;

    }

    .index-projects{

        background-attachment: scroll;

    }

}

@media (max-width: 768px){

    section{

    padding:60px 0px;

    }

    nav .navbar-brand img{

        width: 240px;

    }

    .more a{

        padding: 10px 45px;

    }

    .slider-wrap .carousel .carousel-inner .carousel-caption{

        left: 5%;

    }

    .slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption h1{

       font-size: 18px;

    }

    .slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption h1 span{

        font-size: 18px;

    }

    .slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption h5{

        font-size: 16px;

    }

    .slider-wrap .carousel .carousel-inner .carousel-item .carousel-caption p{

        font-size: 16px;

        padding: 0;
        display: none;

    }
    .contact-btn span{
        font-size: 16px;    
    }
    .contact-btn a{
        font-size:  18px;
    }   
    .slider-wrap .carousel .carousel-inner .carousel-item .more{

        display: none;

    }

    #scroll{

        display: none;

    }

    .index-products .item{

    }

    .index-products .item .content-wrap .title{

        font-size: 16px;

    }

    .index-projects .item .title h1{

        font-size: 18px;

    }

    .index-projects .item .title p{

        font-size: 14px;

    }

    .index-contact{



    }

    .index-contact .content h1{

        font-size: 24px;

    }

    .inside-editor{

        padding: 15px 0vw;

    }

    section .index-title h1{}

    .index-service ul li{

        writing-mode: horizontal-tb;

        display: block;

        vertical-align: top;

        padding: 5px 0;

    }

    .inside-about .about-bottom .content ul li{

        width: 100%;

    }

    .inside-about .about-box .content{

        padding: 8vw 0;

    }

    .inside-about .about-service{

        padding: 0vw;

    }

    .inside-products .mobile-menu{

        display: block;

    }

    .inside-products .products-menu{

        display: none;

    }

    .inside-products{

        padding:1vh;

    }

    .inside-products .item{

        padding: 15px;

    }

    .inside-products .item .content-wrap .title{

        font-size: 16px;

    }

    .inside-products-detail .detail-content .list{

        padding: 0;

    }

    .inside-products-detail .detail-content .list table tbody{

        letter-spacing: 0px;

    }

    

    .inside-products-detail .detail-content .list table .stag{

        font-size:  16px;

    }

    .inside-products-detail .detail-content .list table .ap-btn a{

        padding: 5px 10px;

    }

    .inside-products-detail .detail-content .content-title .mobile-note{

        display: block;

        color: #206ca5;

    }

    .inside-products .products-item{

        padding: 10px;

    }

    .inside-products-detail .detail-content .content-title h3{

        padding: 2vw 0vw;

    }

    .inside-download .download-item .text-wrap a{

        position: static;

        display: block;

        margin-bottom: 0px;

        margin-top: 15px;



        

    }
    .footer .sitemap{
        text-align: center;
    }

    .footer .local{

        justify-content: center;

    }

    .footer .fllow-us{

    text-align:center;

    }

    .footer .fllow-us img{

    padding-top: 0px;

    }

    .footer .information{

        margin-top: 40px;

        text-align: center;

    }

    section .index-title h1{

        font-size: 26px;

    }

    section .index-title h5{

        font-size: 16px;

        font-weight: 600;

    }

    .inside-banner-text h1{

        font-size: 26px;

    }

    .inside-banner-text h5 {

        font-size: 18px;

    }

    .inside-people .people-item{

    height: auto;

    margin-bottom: 30px;

}

    nav .form-control{

        width: auto;

    }
    .copyright{
        padding-bottom: 60px;   
    }
    .fix-bottom-menu{
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        display: block;
        background: #206ca5; 
        z-index: 100;

    }
    .fix-bottom-menu .item{
        border-right: 1px solid #fff;
        padding: 0;
    }
    .fix-bottom-menu .item:last-child{
        border-right: 0px;
    }
    .fix-bottom-menu a{
        color: #232323;
        font-weight: 400;
        text-align: center;
        font-size: 14px;
        padding: 5px 0 10px 0;
        display: block;
       

    }
    .fix-bottom-menu a i{
        color: #fff;
        font-size: 18px;
    }
    .fix-bottom-menu a span{
        display: block;
        color: #fff;

    }




}

@media (max-width: 480px){

    .zoom-slider .slide-text{

        top: 40vh;

    }

    .zoom-slider .slide-text h1{

        font-size: 18px;

    }

    .slider-wrap .carousel-item p{

        

    }

    .inside-products .handle-list{

        padding: 0;

    }

    .inside-products-detail .detail-content .list table .ap-btn a{

        color: #fff;

        background: #206ca5;

        padding: 5px;

        border-radius: 5px;

        border: 0px solid #206ca5;

    }

    .inside-products-detail .detail-content .list table td{

        font-size: 14px 

    }

    .inside-products-detail .detail-content .list table .stag{

        font-size: 14px;

        padding: 2px;

    }



}