@charset "utf-8";
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        
        .w-idaq h1,
        .w-idaq h2,
        .w-idaq h3,
        .w-idaq h4,
        .w-idaq h5,
        .w-idaq h6 {
            display: block !important;
            position: static !important;
            width: unset !important;
            max-width: unset !important;
            min-width: unset !important;
            height: unset !important;
            max-height: unset !important;
            min-height: unset !important;
            font-size: 100% !important;
            font-weight: bold !important;
            line-height: 1 !important;
            color: #222 !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
            text-shadow: none !important;
            box-shadow: none !important;
            background: none !important;
        }
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* 公用 */
        /* ======================================================================== */
        
        .w-idaq ul li {
            list-style-type: disc!important;
        }
        
        .w-idaq ol li {
            list-style-type: decimal!important;
        }
        
        .w-idaq {
            max-width: 1200px;
            margin: 0 auto;
            font-size: 15px;
            line-height: 20px;
            font-family:'Open Sans',  Arial,  '微軟正黑體', "新細明體", sans-serif;
            font-weight: 400;
            color: #636161;
        }
        
        .w-idaq br.desktop {
            display: block;
        }
        
        .w-idaq br.mobile {
            display: none;
        }
        
        .w-idaq div {
            box-sizing: border-box;
        }
        
        .w-idaq img {
            border: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        
        .w-idaq img.my20 {
            margin: 20px 0 !important;
        }
        
        .w-idaq img.my30 {
            margin: 30px 0 !important;
        }
        
        .w-idaq img.my40 {
            margin: 40px 0 !important;
        }
        
        .w-idaq img.my50 {
            margin: 50px 0 !important;
        }
        
        .w-idaq .clearfix,
        .w-idaq .clear {
            clear: both;
        }
        
        .w-idaq .hide {
            display: none;
        }
        
        .w-idaq .show {
            display: block;
        }
        
        .w-idaq ul {
            margin: 0 !important;
            padding: 0 !important;
        }
        
        .w-idaq li {
            margin: 0 0 0 20px !important;
            padding: 0 !important;
			font-size: 14px!important;
        }
        
        .w-idaq .text-center {
            text-align: center;
        }
        
        .w-idaq .singleImg {
            width: 100%;
            text-align: center;
        }
        
        .w-idaq .singleImg img {
            max-width: 100%;
        }
        
        .w-idaq a,
        .w-idaq a p {
            color: #0075a2 !important;
        }
        
        .w-idaq a:hover,
        .w-idaq a:hover p {
            text-decoration: underline;
        }
        
        @media screen and (max-width: 1199px) {}
        
        @media screen and (max-width: 991px) {
            br.dis_none {
                display: none;
            }
			.w-idaq .contentBox{
				padding: 30px 30px!important;
			}
        }
        
        @media screen and (max-width: 767px) {
            .w-idaq br.desktop {
                display: none;
            }
            .w-idaq br.mobile {
                display: block;
            }
        }
        
        @media screen and (max-width: 599px) {}
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* kv 主圖 */
        /* ======================================================================== */
        
        .w-idaq .kv {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height: auto;
    background-color: #000b27;
/*     background: #000616 url(../images/kv.png) center bottom no-repeat; */
/*	background-size: cover;*/
}

		.w-idaq .kv .img{
		    width: 100%;
    max-width: 1200px;
    height: auto;
		}
		.w-idaq .kv img{

			width: 100%!important;
			max-width: 1200px!important;
			height: auto!important;
			display: block;
		}

        .w-idaq .kv .text {
			position: absolute!important;
            max-width: 100%;
			top:0;
			right: 0;
			left: 0;
			margin: 0 auto;
            padding: 60px 20px 20px;
            text-align: center;
        }
        
        .w-idaq .kv .text .t1 {
            font-size: 18px !important;
            line-height: 30px!important;
            font-weight: bold!important;
        }
        
        .w-idaq .kv .text .t2 {
            font-size: 18px!important;
            line-height: 1.3!important;
            font-weight: bold!important;
            color: #008cd6!important;
        }
        
        .w-idaq .kv .text .t3 {
            font-size: 16px!important;
            line-height: 1.3em!important;
            margin: 8px 0!important;
            padding-bottom: 8px!important;
            color: #eefaff!important;
        }
        
        .w-idaq .kv .img img {
            width: 100%;
        }
        
        @media screen and (max-width: 1199px) {  }
        
@media screen and (max-width: 991px) {}
      
        
        @media screen and (max-width: 767px) {
        
			 .w-idaq .kv .img {
			position: static;
			width: 100%!important;
			text-align: center;
}
			 .w-idaq .kv .img img {
				width: auto;
				height: auto;
				max-width: 100%!important;
				max-height: 100%!important;
			}
            .w-idaq .kv .text {
                position: static!important;
                padding-top: 30px;
                width: 100%;
                text-align: center;
                padding: 40px 20px 0;
            }
            .w-idaq .kv .img {
             
            }
        }
        
        @media screen and (max-width: 599px) {
            .w-idaq .kv {
             
            }
            .w-idaq .kv .text .t2 {
                font-size: 36px;
                line-height: 40px;
            }
        }
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* intro 主圖下的主要介紹文 */
        /* ======================================================================== */
        
        .w-idaq .intro {
/*            padding: 30px 50px;*/
            background-color: #ffffff;
			padding: 30px 20px;
             max-width: 860PX;
            margin: 0 auto;
        }
			.w-idaq .intro P{
				font-size: 16PX;
				line-height: 1.3;
			}
        
        @media screen and (max-width: 1199px) {}
        
        @media screen and (max-width: 991px) {
            .w-idaq .intro {
                padding: 20px 20px;
            }
        }
        
        @media screen and (max-width: 767px) {}
        
        @media screen and (max-width: 599px) {}
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* contentBox 內容   Modular */
        /* ======================================================================== */
        
        .w-idaq .contentBox.Modular {
/*            margin-bottom: 30px;*/
			padding-bottom: 0;
        }
        
        .w-idaq .contentBox.Modular h3.title {
            color: #3c3c3c!important;
            font-size: 18px!important;
            line-height: 40px!important;
            padding-left: 20px!important;
            background-color: #f8f8f8!important;
            margin-bottom: 35px!important;
            text-align: left!important;
        }
        
        .w-idaq .contentBox.Modular .table {
            background-color: #ecf7fd;
        }
        
        .w-idaq .contentBox.Modular .boxs {
            display: flex;
        }
        
        .w-idaq .contentBox.Modular .box {
            width: 50%;
            padding: 20px 20px;
        }
.w-idaq .contentBox.Modular .box img{
	max-width: 100%;
	height: auto;
}
        
        .w-idaq .contentBox.Modular .box h4 {
            font-size: 16px!important;
            font-weight: normal!important;
            color: #333333!important;
            line-height: 1.3!important;
            background-color: #cce1f1!important;
            width: 90%!important;
            text-align: center!important;
            padding: 5px 20px!important;
            margin: 0 auto!important;
        }
        
        .w-idaq .contentBox.Modular h3.titleblue {
            color: #ffffff!important;
            font-size: 18px!important;
            line-height: 40px!important;
            padding-left: 20px!important;
            background-color: #008cd6!important;
            text-align: center!important;
        }
        
        .w-idaq .contentBox.Modular .img {
            max-width: 100%!important;
            margin: 20px auto!important;
            text-align: center!important;
        }
        
        .w-idaq .contentBox.Modular .subttl {
            padding: 0 20px!important;
        }
        
        .w-idaq .contentBox.Modular .subttl h3 {
            color: #004280!important;
            font-size: 18px!important;
            font-weight: normal!important;
            line-height: 1.3!important;
        }
        
        .w-idaq .contentBox.Modular .subttl h5 {
            color: #008cd6!important;
            font-size: 14px!important;
            font-weight: normal!important;
            line-height: 1.3!important;
        }
        
        .w-idaq .contentBox.Modular .subttl ul {
            display: flex;
			flex-flow: wrap;
            padding: 10px 0!important;
        }
        
        .w-idaq .contentBox.Modular .subttl ul li {
            padding-right: 20px!important;
			font-size: 14px!important;
        }
/*     Modular 02*/
		.w-idaq .contentBox.Modular .taflex .boxs{
			display: block;
		}
        
        .w-idaq .contentBox.Modular .taflex .box {
            display: flex;
			align-items: center;
			width: 100%;
        }
       .w-idaq .contentBox.Modular .taflex .box.box01 .img{
          width: 35%!important;
		   text-align: right!important;
		   display: block;
          
        }

.w-idaq .contentBox.Modular .taflex .subttl ul li{
	padding-right: 10px!important;
}
.w-idaq .contentBox.Modular .taflex .box.blue {
	background-color: #cce1f1;
}
.w-idaq .contentBox.Modular .taflex .box.blue .items{
	display: flex;
	
	justify-content: center;
	width: 100%;
}
.w-idaq .contentBox.Modular .taflex .box.blue .items .item {
	display: block;
	width: 17%;
	text-align: center;
	border-right: solid 1px #99b9d5;
	padding: 0 20px;
	margin: 10px 0;
}
.w-idaq .contentBox.Modular .taflex .box.blue .items .item:nth-child(6){
	border-right: none;
}
.w-idaq .contentBox.Modular .taflex .box.blue .items .item p{
	color: #636161;
	font-size: 14px;
	line-height: 1.3;
}

/*btn*/
.w-idaq .contentBox.Modular .btn{
	display: flex;
	justify-content: space-around;
	margin: 40px auto;
	width: 70%;
}
.w-idaq .contentBox.Modular .btn .button{
	background-color: #f39800;
	width: 215px;
	padding: 15px 20px;
	border-radius: 8px;
	text-align: center;
	margin: 0 20px;
}
.w-idaq .contentBox.Modular .btn .button:hover{
	background-color: #fea91c;
}
.w-idaq .contentBox.Modular .btn .button a{
	font-size: 14px;
	color: #ffffff!important;
	text-decoration: none;
	
}
        
  
        @media screen and (max-width: 1199px) {
					.w-idaq .contentBox.Modular .taflex .box.box01 .img{
				width: 40%!important;
				text-align: center!important;
									
			}
			.w-idaq .contentBox.Modular .taflex .box.box01 .subttl{
				width: 60%!important;
				
			}
}
        
        @media screen and (max-width: 991px) {
			.w-idaq .contentBox.Modular .taflex .box.blue .items{
				flex-flow: wrap;
			}
			.w-idaq .contentBox.Modular .taflex .box.blue .items .item{
				width: 30%;
			}
			.w-idaq .contentBox.Modular .taflex .box.blue .items .item:nth-child(3){
				border-right: none;
			}
		
        }
        
        @media screen and (max-width: 767px) {
			.w-idaq .contentBox.Modular .taflex .box{
				display: block;
			}
			.w-idaq .contentBox.Modular .taflex .box.box01 .subttl{
				width: 100%!important;
				padding: 0 20px!important;
			}
			.w-idaq .contentBox.Modular .taflex .box.box01 .img{
				width: 100%!important;
				text-align: center!important;
			}
			.w-idaq .contentBox.Modular .btn{
				display: block;
				margin: 20px auto;
				width: 100%;
			}
			.w-idaq .contentBox.Modular .btn .button{
				margin: 10px auto;
				max-width: 215px;
				width: 100%;
			}
			.w-idaq .contentBox.Modular .box h4{
				width: unset!important;
				
			}
			
}
        
        @media screen and (max-width: 599px) {
			.w-idaq .contentBox.Modular .box {
				padding: 20px 10px;
				width: 100%;
			}
			.w-idaq .contentBox.Modular .box h4{
				width: unset!important;
				
			}
			.w-idaq .contentBox.Modular .subttl{
				padding: 0 20px!important;
			}
			.w-idaq .contentBox.Modular .taflex .box.blue .items .item{
				width: 50%;
				padding: 0 5px;
			}
			
			.w-idaq .contentBox.Modular .subttl ul li{
				padding-right: 0!important;
			}
			.w-idaq .contentBox.Modular .boxs{
				display: block;
			}
			.w-idaq .contentBox.Modular h3.titleblue{
				padding-left: 0!important;
			}
			.w-idaq .contentBox.Modular .taflex .box.blue .items .item:nth-child(2){
				border-right: none;
			}
			.w-idaq .contentBox.Modular .taflex .box.blue .items .item:nth-child(4){
				border-right: none;
			}
			.w-idaq .contentBox.Modular .taflex .box.blue .items .item:nth-child(3){
				border-right: solid 1px #99b9d5;
			}
}


        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* contentBox 內容 default */
        /* ======================================================================== */
        
        .w-idaq .contentBox {
            padding: 30px 50px;
        }
        
        .w-idaq .contentBox h3.title {
            color: #333333important;
            font-size: 18px!important;
            font-weight: bold!important;
            line-height: 1.5!important;
            text-align: center!important;
            margin-bottom: 30px!important;
        }
     
        @media screen and (max-width: 599px) {}
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* contentBox b1x2 內容 1*2 Features*/
        /* ======================================================================== */
        
		.w-idaq .contentBox.b1x2 .boxs{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 30px 20px;
		}
        .w-idaq .contentBox.b1x2 .box {
         
			align-items: center;
			width: 50%;
        }

.w-idaq .contentBox.b1x2 h3.title{
	    color: #3c3c3c!important;
    font-size: 18px!important;
    line-height: 40px!important;
    padding-left: 20px!important;
    background-color: #f8f8f8!important;
    margin-bottom: 0!important;
    text-align: left!important;
}
        

        
        .w-idaq .contentBox.b1x2 .box .img {
            width: 100%;
			max-width: 100%;
			height: auto;
			text-align: center;

        }

        .w-idaq .contentBox.b1x2 .box .img img {

			max-width: 100%;
			height: auto;          
		
        }      
       
        
       .w-idaq .contentBox.b1x2 .box h3.subttl  {
            font-size: 18px !important;
            margin: 15px 0 !important;
            line-height: 1.5!important;
            color: #004280!important;
		   font-weight: normal!important;
        }
        
        
     .w-idaq .contentBox.b1x2 .box .subttl p {
            font-size: 14px !important;
            color: #333333!important;
        }
        
   .w-idaq .contentBox.b1x2 .box .subttl ul {
            margin-left: -3px !important;
        }
        
      .w-idaq .contentBox.b1x2 .box .subttl ul li {
            color: #333333!important;
        }

       .w-idaq .contentBox.b1x2 .boxs:nth-child(1) {
          direction: rtl;
		   border-bottom: solid 1px #e9f0f5;
        }   
 .w-idaq .contentBox.b1x2 .boxs:nth-child(2) {
              border-bottom: solid 1px #e9f0f5;
        }
     .w-idaq .contentBox.b1x2 .boxs:nth-child(3) {
            direction: rtl;
		     border-bottom: solid 1px #e9f0f5;
        }
  .w-idaq .contentBox.b1x2 .box:nth-child(2) {
            direction: ltr;
	        padding: 0 20px;
        }
        
       .w-idaq .contentBox.b1x2 .boxs.divider .box {
            border: 0;
        }
   
       .w-idaq .contentBox.b1x2 .boxs.divider .box hr {
            border: 0;
          
        }
        
        @media screen and (max-width: 1199px) {}
        
        @media screen and (max-width: 991px) {
            .w-idaq .contentBox.b2x2 .box {
                display: block;
            }
            .w-idaq .contentBox.b2x2 .box .img {
                width: 100%;
            }
            .w-idaq .contentBox.b2x2 .box .subttl {
                width: 100%;
                /* margin: 40px 40px; */
                text-align: left;
            }
            .w-idaq .contentBox.b2x2 .box.box3 .img {
                width: 100%;
            }
            .w-idaq .contentBox.b2x2 .box.box3 .item .Features {
                margin: 40px 0;
            }
			.w-idaq .contentBox.b1x2 .boxs{
				display: block;
			}
			.w-idaq .contentBox.b1x2 .box{
				width: 100%;
			}
        }
        
        @media screen and (max-width: 767px) {
            .w-idaq .contentBox.b2x2 .boxs {
                display: block;
            }
            .w-idaq .contentBox.b2x2 .box {
                width: 100%;
                padding: 20px 0 !important;
            }
            .w-idaq .contentBox.b2x2 .box .img {
                display: block;
                text-align: center;
                height: unset !important;
            }
            .w-idaq .contentBox.b2x2 .box .img img {
                width: unset !important;
            }
            .w-idaq .contentBox.b2x2 .box:nth-child(1) {
                border-right: 0;
            }
            .w-idaq .contentBox.b2x2 .box:nth-child(2) {
                padding-left: 0;
            }
            .w-idaq .contentBox.b2x2 .boxs.divider {
                display: none;
            }
        }
        
        @media screen and (max-width: 599px) {
            .w-idaq .contentBox.b2x2 .box .img img {
                max-width: 100% !important;
            }
          
            .w-idaq .contentBox.b2x2 .box.box3 .item .Features {
                margin: 10px 0px;
            }
            .w-idaq .contentBox.b2x2 .box.box3 .item .Features p {
                line-height: 1.3;
            }
       
        }
        
        @media screen and (max-width: 400px) {
            .w-idaq .contentBox.b2x2 .box.box3 .item .Features {
                margin: 10px 20px;
            }
    
        }
 /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* Video  */
        /* ======================================================================== */

		.w-idaq .video{
             padding: 0px 50px!important;
		}
		.w-idaq .video h3.title{
				color: #3c3c3c!important;
			font-size: 18px!important;
			line-height: 40px!important;
			padding-left: 20px!important;
			background-color: #f8f8f8!important;
			margin-bottom: 35px!important;
			text-align: left!important;
		} 
				.w-idaq .video .boxs{
					display: flex;
					width: 100%;
					
				}
		.w-idaq .video .boxs .img{
			width: 50%!important;
			padding: 0 20px!important;
		}
		.w-idaq .video .boxs .img img{
			max-width: 100%;
			height: auto;
		}
		.w-idaq .video .boxs h3{
			text-align: center!important;
			font-size: 18px!important;
			color: #212529!important;
			line-height: 1.3!important;
			padding: 20px 20px!important;
			font-weight: normal!important;
		}

		@media screen and (max-width: 1024px) {}

		@media screen and (max-width:767px) {
			.w-idaq .video{
				padding: 0 30px!important;
			}
			.w-idaq .video .boxs{
				display: block;
			}
			.w-idaq .video .boxs .img{
				width: 100%!important;
				text-align: center;
			}
		}
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* Applications  */
        /* ======================================================================== */
        
        .w-idaq .Applications {
            background: #0c192a url("../images/bg_bammer.jpg") center bottom no-repeat;
            padding: 50px 20px 30px;
            margin: 30px 0 0px;
			width: 100%;
        }
        
        .w-idaq .Applications .title {
            color: #f7f7f7!important;
            font-size: 18px!important;
            font-weight: bold!important;
            line-height: 1.5!important;
           padding-bottom: 30px!important;
            text-align: center!important;
        }
		.w-idaq .Applications  ul{
			margin: 0 auto 20px!important;
			width: 55%;
		}
		.w-idaq .Applications  ul li{
			font-size: 14px;
			color: #ffffff;
			line-height: 1.3;
			color: #cce1f1!important;
		}


		.w-idaq .Applications .subtitle,.w-idaq .Applications .boxs .box .subtitle{
			display: flex;
			justify-content: center;
			align-items:center;
			padding: 0 10px;

		} 			
				.w-idaq .Applications .subtitle h3,.Applications .boxs02 .box .subtitle h3{
			font-size: 18px!important;
					color: #6bb1d6!important;
					line-height: 1.3!important;
					font-weight: normal!important;
					padding: 0 10px 0 0!important;
		}
		.w-idaq .Applications .subtitle h3{
		width: 116px;
		}
        
        .w-idaq .Applications>p {
            color: #cce1f1!important;
            font-size: 14px!important;
            max-width: 860px!important;
            text-align: center;
            margin: 0 auto 40px;
        }
        
        .w-idaq .Applications .boxs,.w-idaq .Applications .boxs02 {
            display: flex;
            justify-content: center;
			width: 75%;
			margin: 0 auto;
			
        }
        
        .w-idaq .Applications .boxs .box {
/*           width: 33%;*/
            text-decoration: none;
            text-align: center;
           margin: 10px 10px;
		
        }

		.w-idaq .Applications .boxs .box .img,.w-idaq .Applications .boxs02 .item .img{
			width: 280px;
			height: 230px;

			overflow: hidden;

		}
		.w-idaq .Applications .boxs .box .img img,.w-idaq .Applications .boxs02 .box .img img{
				transform: scale(1,1);
			transition: all 0.3s ease-out;
		}

		.w-idaq .Applications .boxs .box .img img:hover,.w-idaq .Applications .boxs02 .box .img img:hover
		{transform:scale(1.05,1.05);
		/*	 transition: all 2s ease-out;*/
		}


		.w-idaq .Applications .boxs h3,.w-idaq .Applications .boxs02 h3{
			font-size: 18px!important;
					color: #ffffff!important;
					line-height: 1.3!important;
					font-weight: normal!important;
			text-align:left;
			padding: 10px 0!important;

		}
		.w-idaq .Applications .boxs .box ul,.w-idaq .Applications .boxs02 ul,.w-idaq .Applications .boxs02 p{
			text-align: left;
			width: 90%;
			margin: 0!important;
			color: #cce1f1!important;

		}
		.w-idaq .Applications .boxs02{
			padding: 20px 10px;
		}

		.w-idaq .Applications .boxs02  .box01 .itemes{
		display: flex;
			justify-content: center;
		}
		.w-idaq .Applications .boxs02 .item{
			margin: 10px 10px;
		}


		@media screen and (max-width: 1024px) {
			.w-idaq .Applications  ul{
				width:62%;

			}

		}

        @media screen and (max-width: 991px) {
            .w-idaq .contentBox .icon ul {
                flex-wrap: wrap;
            }
            .w-idaq .contentBox .icon ul li {
                margin: 10px 10px !important;
            }
            .w-idaq .Applications>p {
                max-width: 630px!important;
            }
			.w-idaq .Applications .subtitle img{
				width:590px;
				max-width:590px;
				height: 1px;
			}
			.w-idaq .Applications ul{
				width: 90%;
			}
			.w-idaq .Applications .subtitle{
				width: 728px;
				margin: 0 auto;
			}
			.w-idaq .Applications .boxs,
			.w-idaq .Applications .boxs02,
			.w-idaq .Applications  .subtitle{
				width: 90%;
				max-width: 90%;
			}
			.w-idaq .Applications .boxs .box{
				width: 33%;
			} 
			.w-idaq .Applications .boxs02 .box02{
				width: 34%;
			}
						.w-idaq .Applications .boxs02 .box01{
				width: 66%;
			}
		.w-idaq .Applications .boxs .box .img, .w-idaq .Applications .boxs02 .item .img{
				max-width: 259px;
				max-height:162px;
				height: 100%;
				width: 100%;
			
			}

			.w-idaq .Applications  img,
			.w-idaq .Applications  .subtitle img{

				width: 100%;
				max-width: 100%; 
				height: auto;
			}
			.w-idaq .Applications .boxs02 {
				padding: 20px 0;
			}
			.w-idaq .Applications .boxs02 .box01 .subtitle,
			.w-idaq .Applications .boxs02 .box02 .subtitle{
				max-width: 100%;
				width: 100%;
				
			}
		

			.w-idaq .Applications .boxs02 img.line03{

				width:140px;
			}
		
        }
        
        @media screen and (max-width: 767px) {

			
            .w-idaq .Applications .boxs, 
			.w-idaq .Applications .boxs02, 
			.w-idaq .Applications .boxs02 .box01 .itemes{
                display: block;
             
            }
            .w-idaq .Applications .boxs .box,
			.w-idaq .Applications .boxs02 .item {
               width:  100% !important;
				max-width: 374px!important;
				margin: 20px auto;
				text-align: center;
            }


		.w-idaq .Applications .boxs .box .img, .w-idaq .Applications .boxs02 .item .img{
				max-width: 302px;
				max-height: 248px;
			    width: 100%;
			height: 100%;
			   margin: 0 auto;
			 overflow: hidden;
			}
			.w-idaq .Applications .subtitle
		{
				width: 374px;
/*				max-width: 374px;*/
				margin: 0 auto;
			}
			.w-idaq .Applications .boxs02 .box01 .subtitle,
			.w-idaq .Applications .boxs02 .box02 .subtitle{
				width: 90%;
				max-width: 90%;
				padding: 0;
				
			}

			.w-idaq .Applications .boxs .box ul, 
			.w-idaq .Applications .boxs02 ul, 
			.w-idaq .Applications .boxs02 p{
				width: 70%;
				padding-left: 20px!important;
			}
			.w-idaq .Applications .boxs h3, 
			.w-idaq .Applications .boxs02 h3{
				padding-left: 20px!important;
			}
			 .w-idaq .Applications .boxs02{
				display: block;
			}
			.w-idaq .Applications .boxs02 img.line02{
				width: 270px;
			}
			
			.w-idaq .Applications .boxs02 img.line03{
                width: 244px;
			
			}
			.w-idaq .Applications .boxs02 .box01,
			.w-idaq .Applications .boxs02 .box02{
				width: 100%;
			}
        }
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* grayBg 灰底 */
        /* ======================================================================== */
        
        .w-idaq .contentBox.grayBg {
             background-color: #f7f7f7; 
        }
		/* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
		/*			Structure*/
        /* ======================================================================== */
		.w-idaq .contentBox.grayBg{
			padding: 50px 115px 50px;
		}
		.w-idaq .contentBox.grayBg .boxs{
			background-color: #efffe9;
			padding: 20px 20px;
		}
		.w-idaq .contentBox.grayBg .boxs h4{
			font-size: 16px!important;
			line-height: 1.3!important;
			font-weight: normal!important;
			padding-left: 20px!important;
		}
		.w-idaq .contentBox.grayBg .boxs .box{
			display: flex;
		}
		.w-idaq .contentBox.grayBg .boxs .box .imges{
			display: flex;
			justify-content: center;
			align-items:center;
			flex-wrap:wrap;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row01{
			display: flex;
			justify-content: flex-end;
			margin-right: 100px;
			width: 100%;
			flex-wrap: wrap;
			align-items:center;


		}
		.w-idaq .contentBox.grayBg .boxs  h3.green{
			color: #78bc27!important;
			padding-left: 20px!important;
			font-size: 18px!important;

		} 
		.w-idaq .contentBox.grayBg .boxs .box.row01 .imges{
		width: 50%;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row01 .text{
		width: 50%;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row01 .text h4{
			font-size: 16px!important;
			color: #2c2c2c!important;
			font-weight: normal!important;
			padding-left: 20px!important;
		}
		.w-idaq .contentBox.grayBg .boxs .imges .img h5{
			padding: 10px 10px!important;
			color: #404040!important;
			font-size: 14px!important;
			line-height: 1.3!important;
			font-weight: normal!important;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row01 .imges .img{
			width: 40%;
			text-align: center;
		}

		.w-idaq .contentBox.grayBg .boxs .table{
			border: solid 2px #00a2ff;
		}
		.w-idaq .contentBox.grayBg .boxs .table h3.blue{
			background-color: #cce1f1!important;
		color: #008cd6!important;
			padding: 10px 20px 0!important;
			font-size: 18px!important;
		}

		.w-idaq .contentBox.grayBg .boxs .box.row02{
			background-color: #cce1f1;
			padding: 0px 0 20px;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row03{
		background-color: #dff2fc;
			padding: 20px 0;
		}
		.w-idaq .contentBox.grayBg .boxs  h3{
			color: #2c2c2c!important;


		}
		.w-idaq .contentBox.grayBg .boxs .box.row02 h3.blue{
			color: #008cd6!important;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row02 .text,.w-idaq .contentBox.grayBg .boxs .box.row03 .text{
			width: 30%;
			margin: auto   0;

		}
		.w-idaq .contentBox.grayBg .boxs .box.row03 p{
			padding-left: 20px;
			font-size: 14px!important;
		}

		.w-idaq .contentBox.grayBg .boxs .box.row02 .text p{
			font-size: 14px;
			line-height: 1.3;
			color: #2c2c2c!important;
			margin: 0;
			padding: 0px 0 0 20px;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row02 .img{
			width: 70%;
			text-align: center;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row03 .imges{
			width: 70%;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row03 .imges .img{
			width: 50%;
			text-align: center;
			padding: 0 10px;
		}

		.w-idaq .contentBox.grayBg img{
			max-width: 100%;
			height: auto;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row04 {
			background-color: #ffffff;
			padding: 20px 0;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row04 .text {
			width: 25%;
			margin: auto 0;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row04 .imges{
			justify-content: space-around;
			width: 100%;
			align-items:flex-start;
			flex-flow: wrap;
			}
		.w-idaq .contentBox.grayBg .boxs .box.row04 .img{
			text-align: center;
		}
		.w-idaq .contentBox.grayBg .boxs .box.row04 .img .h54{
			height: 60px;
		}

		.w-idaq .contentBox.grayBg .boxs .box.row04 h5{
			font-size: 14px!important;
			text-align: center;
			line-height: 1.3!important;
			font-weight: normal!important;
		}
		   @media screen and (max-width: 1199px) {
			   .w-idaq .contentBox.grayBg{
			padding: 20px 80px 50px;
		}
			   .w-idaq .contentBox.grayBg .boxs .box.row01 .imges{
				   width: 60%;
				   margin: 20px 0 20px 0px;
			   }
			  .w-idaq .contentBox.grayBg .boxs .box.row01 .imges .img{
				   width: 50%;

			   }
			   .w-idaq .contentBox.grayBg .boxs .box.row01 .text{
				   width: 40%;
			   }
				}
		@media screen and (max-width: 1199px){

		}
		@media screen and (max-width: 767px) {
			.w-idaq .contentBox.grayBg .boxs .box.row01 .imges{
				width: 100%;
				margin: 0 auto;
				padding: 0 10px;


			}
			.w-idaq .contentBox.grayBg .boxs .box.row01 .text{
				margin: 0 auto;
			}
			.w-idaq .contentBox.grayBg .boxs .box.row01 .imges .img{
				padding: 20px 10px ;

			}

			.w-idaq .contentBox.grayBg .boxs .box.row01{
				margin-right: 0;
			}
			.w-idaq .contentBox.grayBg .boxs .box{
				display: block;
			}

			.w-idaq .contentBox.grayBg .boxs .box.row02 .text, .w-idaq .contentBox.grayBg .boxs .box.row03 .text{
				width: 100%;
				padding: 0 20px;
			}
			.w-idaq .contentBox.grayBg .boxs .box.row02 .img{
				margin: 0 auto;
			}
			.w-idaq .contentBox.grayBg  .img,.w-idaq .contentBox.grayBg .boxs .box.row03 .imges .img{
				padding: 20px 0;
			}
			.w-idaq .contentBox.grayBg .boxs h3,.w-idaq .contentBox.grayBg .boxs .box.row02 .text p,.w-idaq .contentBox.grayBg .boxs .box.row03 p{
				padding-left: 0!important;
				text-align: center!important;
			}
			.w-idaq .contentBox.grayBg .boxs .box.row04 .text{

				width: 100%;
			}
			.w-idaq .contentBox.grayBg .boxs .box.row04 .img{
				width: 100px;
			}
			.w-idaq .contentBox.grayBg .boxs .box.row03 .imges{
				width: 90%;
			}
			.w-idaq .contentBox.grayBg .boxs .table h3.blue,.w-idaq .contentBox.grayBg .boxs h3, .w-idaq .contentBox.grayBg .boxs .box.row02 .text p{
				text-align: center;
			}
			.w-idaq .contentBox.grayBg .boxs h4{
				text-align: center;
				padding-left: 0!important;
			}
			.w-idaq .contentBox.grayBg .boxs .table h3.blue{
				padding: 10px 20px 10px!important;
			}
		}
		@media screen and (max-width: 300px){
			.w-idaq .contentBox.grayBg .boxs .box.row01 .imges,.w-idaq .contentBox.grayBg .boxs .box.row03 .imges{
				display: block;
		margin: 0 auto!important;

			}
			.w-idaq .contentBox.grayBg .boxs .box.row01 .imges .img,.w-idaq .contentBox.grayBg .boxs .box.row03 .imges .img{
				width: 100%!important;
				margin: 0 auto!important;

			}
		}


        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* productBox title 產品細節 標題 */
        /* ======================================================================== */
        
        .w-idaq .productBox.bigTTL {
            color: #3c3c3c!important;
            font-size: 18px!important;
            font-weight: bold!important;
            line-height: 1.5!important;
            /* height: 50px!important; */
            padding-top: 50px!important;
            padding-bottom: 30px!important;
            text-align: center!important;
        }
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* productBox 產品細節 default : 1x1 */
        /* ======================================================================== */
        
        .w-idaq .productBox {
            padding: 0 50px 50px 50px;
        }
        
        .w-idaq .productBox .title {
            color: #3c3c3c!important;
            font-size: 18px!important;
            line-height: 40px!important;
            padding-left: 20px!important;
            background-color: #f3f3f3!important;
            margin-bottom: 35px!important;
        }
        
        .w-idaq .productBox .subttl.left {
            color: #4172ae;
            font-size: 18px;
            line-height: 20px;
            padding-left: 20px;
            margin-bottom: 15px;
        }
        
        .w-idaq .productBox .subttl.right {
            color: #3c3c3c;
            font-size: 15px;
            line-height: 20px;
            padding-right: 20px;
            margin-bottom: 5px;
            text-align: right;
        }
        
        .w-idaq .productBox .box .subttl {
            color: #4172ae;
            font-size: 18px;
            font-weight: bold;
             line-height: 80px; 
            text-align: center;
            margin-top: 30px;
        }
        
        .w-idaq .productBox .box .img {
            text-align: center;
        }
        
      
        
        .w-idaq .productBox p.Mounting_text {
            width: 48%;
            padding-left: 20px;
        }
        
        .w-idaq .productBox.b1x2 p {
            padding-left: 20px!important;
        }
        
        @media screen and (max-width: 1199px) {
 
            .w-idaq .productBox.b1x3 .box {
                margin: 20px 0;
            }
        }

        
        @media screen and (max-width: 767px) {
           .w-idaq .productBox {
            padding: 0 30px 50px 30px;
        }
        }
        
     
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* productBox b1x2 產品細節 1*3  Mounting*/
        /* ======================================================================== */
        
        .w-idaq .productBox.b1x3 .boxs {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            width: 100%;
            margin-bottom: 30px;
        }
        
        .w-idaq .productBox.b1x3 .buttonB {
            border: solid 1px #f39800!important;
            border-radius: 5px!important;
            background-color: #f39800!important;
            width: 220px!important;
            padding: 15px 30px!important;
            text-align: center !important;
            color: #08213a!important;
            margin: 40px auto 20px!important;
        }
        
 .w-idaq .productBox.b1x3 .box  .img img {
                max-width: 100%;
               height: auto;
            }
        .w-idaq .productBox.b1x3 .box {
            width: 33%;
            margin: 10px 20px;
        }
        
        .w-idaq .productBox.b1x3 .Mounting {
            max-width: 70%;
            margin: 50px auto 0 auto;
        }

        
        @media screen and (max-width: 1199px) {
			.w-idaq .productBox.b1x3 .box .subttl{
				margin-top: 10px;
			}
}
        
        @media screen and (max-width: 991px) {
            .w-idaq .productBox.b1x3 .box {
                margin: 0 20px;
            }
            .w-idaq .productBox.b1x3 .box .h180 {
                height: 120px;
            }
			.w-idaq .productBox.b1x3 .boxs{
			
				width: 90%;
				margin: 0 auto;
			}
			 .w-idaq .productBox.b1x3 .box  {
               width: 30%;
            }
			
        }
        
        @media screen and (max-width: 767px) {
            .w-idaq .productBox.b1x3 .boxs {
                display: block;
            }
            .w-idaq .productBox.b1x3 .box {
                width: 100%;
            }
            .w-idaq .productBox .box .img img {
                max-width: 100%;
				height: auto;
               
            }
            .w-idaq .productBox.b1x3 .box {
                margin: 30px 0;
            }
            .w-idaq .productBox.b1x3 .box .img {
                margin-bottom: 20px;
            }
			 .w-idaq .productBox.b1x2 .boxs .box.box02{
	width: 100%!important;
}
           
        }
        
        @media screen and (max-width: 599px) {}
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* Dimensions */
        /* ======================================================================== */
        
        .w-idaq .productBox.b1x2 .boxs {
            display: flex!important;
            justify-content: center!important;
			align-items:flex-end;
			padding: 20px 0 30px; 
			border-bottom: solid 1px #e1e1e1 !important;
			width: 100%;
			
        }
        
        .w-idaq .productBox.b1x2 .Mounting {
            max-width: 75%;
            margin: 50px auto 0 auto;
        }
        
       
		 .w-idaq .productBox.b1x2 .boxs .box.box02{
			width: 40%;
		}
        
        .w-idaq .productBox.b1x2 .buttonB {
            border: solid 1px #f39800!important;
            border-radius: 5px!important;
            background-color: #f39800!important;
            width: 230px!important;
            padding: 15px 30px!important;
            text-align: center !important;
            color: #08213a!important;
            margin: 40px auto 20px!important;
        }
        
        .w-idaq .productBox.b1x2 .box .img {
            text-align: center;
        }
        
        .w-idaq .productBox.b1x2 .box .img img {
            max-width: 100%!important;
        }
    .w-idaq .productBox.bx1 .box .img img{
		max-width: 661px;
		width: 100%;
	}
		@media screen and (max-width: 1199px){
				.w-idaq .productBox.b1x2 .boxs .box{
				margin: 0 10px;
			}
		}
		@media screen and (max-width: 991px){
			.w-idaq .productBox.b1x2 .boxs .box.box02{
				width: 50%;
			}


		}
        
        @media screen and (max-width: 767px) {
            .w-idaq .productBox.b1x2 .boxs {
                display: block!important;
            }
            .w-idaq .productBox.b1x2 .box {

                margin: 30px 0px;
            }
            .w-idaq .productBox.b1x2 .box .img {
                text-align: center!important;
            }

        }
        /* ======================================================================== */
        /* ======================================================================== */
			/*Mounting*/
        /* ======================================================================== */
			.w-idaq .productBox.b1x3 .boxs{
				align-items:flex-end;
			}





        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
			/*Inside the Box*/
        /* ======================================================================== */
			.w-idaq .productBox.Inside .subttl{
				text-align: left;
				padding-left: 20px;
			}
			.w-idaq .productBox.Inside .box.line{
				border-bottom: solid 1px #e1e1e1 !important;
				padding-bottom: 30px;
			}

		@media screen and (max-width: 1199px){

			.w-idaq .productBox.Inside .box .img img{
				max-width: 100%!important;
				height: auto!important;
			}

		}
		@media screen and (max-width: 991px){
			.w-idaq .productBox.Inside .box .img img{
				max-width: 100%;
				height: auto;
			}
		}


 		  /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* ======================================================================== */
        /* Slider */
        /* ======================================================================== */
        
        .w-idaq .sliderBox {
            width: 1140px;
            margin: 0 auto;
            padding: 20px 50px;
        }
        /*.sliderBox_two 新增2格時應用*/
        
        .w-idaq .sliderBox_two {
            width: 750px;
            margin: 0 auto;
        }
        
        .w-idaq .owl-carousel .item {
            text-align: center;
        }
        
        .w-idaq .owl-carousel .item a {
            display: inline-block;
        }
        
        .w-idaq .owl-carousel .item .nonelink {
            cursor: default;
        }
        
        .w-idaq .owl-carousel .item img {
            width: 100%;
            max-width: 350px;
            display: inline-block;
            /*fix image*/
        }
        
        .w-idaq .owl-carousel .owl-wrapper-outer {
            text-align: center;
        }
        
        @media screen and (max-width: 1199px) {
            .w-idaq .sliderBox {
                width: 100%;
            }
            /*.sliderBox_two 新增2格時應用*/
            .w-idaq .sliderBox_two {
                width: 750px;
            }
        }
        
        @media screen and (max-width: 991px) {
            .w-idaq .sliderBox {
                padding: 20px;
            }
            /*.sliderBox_two 新增2格時應用*/
            .w-idaq .sliderBox_two {
                width: 750px;
            }
        }
        
        @media screen and (max-width: 767px) {
            /*.sliderBox_two 新增2格時應用*/
            .w-idaq .sliderBox_two {
                width: 100%;
            }
        }
        
        @media screen and (max-width: 599px) {}