@charset "utf-8";
/* CSS Document */
.section-consult {
  margin:20px 0 20px 0;
}
.section-consult iframe{
  border:0;
  overflow:hidden;
}
.mailicon{
	position: fixed;
    margin-top: 80px;
    z-index: 5000;
    right: 0;
}
.mailicon img{
	width:50px;
}

.ezshowImageBgcolor{
padding-bottom:20px;
background: linear-gradient(270deg, #C0E4F1 25%, #FFFFFF 73%);
background: -moz-linear-gradient(270deg, #C0E4F1 25%, #FFFFFF 73%);
background: -webkit-linear-gradient(270deg, #C0E4F1 25%, #FFFFFF 73%);
background: -o-linear-gradient(270deg, #C0E4F1 25%, #FFFFFF 73%); 
                   }
.ezformtitle{
	text-align:center;
	margin:auto auto;
	width:60%;
	margin-bottom:50px;
}
.ezform{
	font-size:18px;
	width:80%;
	margin:auto auto;
}
.ezformtitle img{
	margin:auto auto;
}
.fuctionBar{margin-top:-92px;
            }
.fuctionBar_ems{margin-top:-92px;
            }
			
.fuctionPadding{ padding:0 0 0 0;
                }

.ezshowBar{background:#4a72b4;
           margin-top:72px;
		   min-height:116px;
                   }
.lightBlueColor{background:#afd5e1;
                margin-top:0px;
				margin-bottom:-30px;
				border-radius:0px;
                }
.lighterBlueColor{background: #e5ffff;
				  margin-top:0px;
				  margin-bottom:-30px;
				  border-radius:0px;}
.whiteColor{background:#ffffff;
                margin-top:10px;
                }
.lightDarkColor{background:#548AB1;
                margin-top:-30px;
				
                }			

.goodItem{ min-width:260px;
           float:left;
		   text-align:center;
		   margin-top:20px;
		   min-height:200px;
		   height:200px;
		   }
.goodItemMargin{ min-width:260px;
           float:left;
		   text-align:center;
		   margin-top:20px;
		   min-height:200px;
		   height:200px;
		   }
.ezshowBlue{background:#fc9956;
            color:#FFFFFF;
			width:100%;
			min-height:200px;
			height:200px;
			}
.admachineOrange{background:#fcb256;
            color:#FFFFFF;
			width:100%;
			min-height:200px;
			height:200px;
			}			
.title{border:#FFFFFF solid 2px;
       font-size:20px;
	   color:#FFFFFF;
	   max-width:300px;
	   margin-left:auto;
	   margin-right:auto;
	   text-align:center;
	   height:auto;
	   }
.ezbluetitle{
	   border:#21658C solid 2px;
       font-size:20px;
	   color:#21658C;
	   max-width:300px;
	   margin-left:auto;
	   margin-right:auto;
	   text-align:center;
	   height:auto;
	   margin-bottom:20px;
	   }
.admachineTitle{
	   border:#21658b solid 2px;
       font-size:20px;
	   color:#21658b;
	   max-width:300px;
	   margin-left:auto;
	   margin-right:auto;
	   text-align:center;
	   height:auto;
	   margin-bottom:20px;
	   }	
.title02{border:#FFFFFF solid 2px;
       font-size:20px;
	   color:#FFFFFF;
	   max-width:300px;
	   margin-left:auto;
	   margin-right:auto;
	   text-align:center;
	   height:auto;
	   }
.title03{border:#FFFFFF solid 2px;
       font-size:20px;
	   color:#FFFFFF;
	   max-width:300px;
	   margin-left:auto;
	   margin-right:auto;
	   text-align:center;
	   height:auto;
	   }
.title04{border:#353535 solid 2px;
       font-size:20px;
	   color:#353535;
	   max-width:300px;
	   margin-left:auto;
	   margin-right:auto;
	   text-align:center;
	   height:auto;
	   }
.orgTitle{border:#ff8a00 solid 2px;
       font-size:20px;
	   color:#ff8a00	;
	   max-width:200px;
	   margin-left:auto;
	   margin-right:auto;
	   text-align:center;
	   }   
.marginCenter {margin-left:auto;
              margin-right:auto;
			  max-width:1070px;
			  }
.wrapperCenter{
	max-width:1200px;
	margin: auto;
}
.wrapperCenter:before, .wrapperCenter:after{
	display: table;
    content: " ";
	clear: both;
}
.marginCenter > div{
	min-height:240px;
	display: inline-block;
    margin-bottom: 40px;
}

.vedioCenter{ margin-top: 20px;
              max-width:60%;
			  margin-left:auto;
			  margin-right:auto;
			 }
.ezshowColorBlue{background:#77d5dd;
                 margin-bottom:0PX;
				 margin-top:-30px;
                 }
.ezshowFuction{
	       /*min-width:260px;*/
           float:left;
		   text-align:center;
		   margin-top:20px;
		   min-height:360px;
		   }
.ezshowFuctionMargin{min-width:260px;
           float:left;
		   text-align:center;
		   margin-top:20px;
		   min-height:360px;
		   margin-right:10px;
		   }
.ezshowWhite{background:#FFFFFF;
            color:#5a5a5a;
			width:100%;
			min-height:360px;
			height:360px;
			}
.ezmargin img{
	width:65%;
	padding-top:20px;
}
.ezshowTitleGreen{color:#a8c957;
                  font-size:20px;
				  margin-bottom:20px;
				  }
.ezshowFuctionList{width:31%;
                   min-height:200px;
				   float:left;
				   background:#FFFFFF;
				   text-align:center;
				   margin:50px 10px;
				   }
.ezshowFuctionListMargin{width:31%;
                   min-height:200px;
				   float:left;
				   background:#FFFFFF;
				   text-align:center;
				   margin:50px 10px;
				   }
.ezshowFuctionListTable{width:100%;
                        min-height:200px;
						color:#5ca2d2;
						background:#ffffff;
						text-align:center;
						}
.ezmargin02{margin-right:24px;
          }
.ezshowarea{
	margin-top:20px;
}
.whiteBg{
         background:#FFFFFF;
         margin-top:0px;
         /* margin-bottom:-20px; */
   }
.productList{
           float:left;
		   text-align:center;
		   margin-top:20px;
		   height:auto;
		   }
.staffList{width:48%;
           float:left;
		   text-align:center;
		   margin-top:20px;
		   height:auto;
		   }
.staffListMargin{width:48%;
           float:left;
		   text-align:center;
		   margin-top:20px;
		   height:auto;
		   margin-right: 10px;
		   }
.productList02{
           float:left;
		   text-align:center;
		   margin-top:20px;
		   height:auto;
		   min-height:720px;
		   height:720px;
		   }
.productList02 table{
	min-height:720px;
}
.productListTable04{  width:100%;
		           min-height:300px;
				   height:auto;
				   height: 300px;
				   line-height:30px;
				   letter-spacing:2px;
				   background: #fff;
 }
.marginCenter04{
	 margin-left:auto;
	 margin-right:auto;
	 max-width:auto;
 	 }	
.checkblueColor03{
	background:#36a4f0;
	margin-bottom:  13px;
	}
.productListTable03{ width:100%;
				   height:auto;
				   padding:20px 20px;
				   line-height:30px;
				   letter-spacing:2px;
				   
		   }
.productListTable02{ width:100%;
		           min-height:360px;
				   height:auto;
				   min-height:500px;
				   height:500px;
				   line-height:30px;
				   letter-spacing:2px;
				   
		   }
.productListTable{ width:100%;
		           min-height:360px;
				   height:auto;
				   min-height:450px;
				   height:450px;
				   line-height:30px;
				   letter-spacing:2px;
				   text-align:center;
				   
		   }
.ezmargin03{
	 margin:20px 10px;
 width:46%;
 background-color:#fff;
	
          }
.tableWidthArea{max-width:1070px;
                margin-left:auto;
				margin-right:auto;
	            margin-top:12px;
				display:inline-block;
                }
.tableWidthArea01{max-width:1070px;
                margin-left:auto;
				margin-right:auto;
	            margin-top:12px;
                }
.tableWidthArea03{
	            max-width:1070px;
                margin-left:auto;
				margin-right:auto;
	            margin-top:12px;
}

.tableWidthArea01 div{
	width:90%;
}
	
.red{ background:#ea5d4c;
      color:#FFFFFF;
	  font-size:18px;
	  display:inline-block;
	  width:100%;
     }
.red:hover{ background:#3c84bf;
      color:#FFFFFF;
	  font-size:18px;
     }
.red:select{ background:#3c84bf;
      color:#FFFFFF;
	  font-size:18px;
     }
.redfont{
	float:left;
	width:59%;
	margin-top:22px;
}
.redfont a ,.redfont2 a{
	color:#ffffff;
	text-decoration:none;
}
.redfont2{
	float:left;
	width:59%;
	margin-top:35px;
}
.red > div > div:nth-child(2){
	float:left;
	width:30%;
}
 
.productListDiv{float:left;
             max-width:350px;
             }
.productListDivMargin{margin-right:10px;
float:left;
max-width:350px;
}
.marginCenterProduct{margin-left:auto;
                     margin-right:auto;
					 max-width:1070px;
					 }
.marginCenter02{margin-left:auto;
              margin-right:auto;
			  max-width:1070px;
			  min-height:300px;
			  position:relative;
			  margin-top:300px;
			  }
.eformImageBgcolor{background:#b8d1e4;
                   padding-bottom:20px;
				   padding-top:100px;
				   padding-bottom:60px;
                   }

.eformPinku{background:#ed5b6c;
            color:#FFFFFF;
			width:100%;
			min-height:200px;
			height:200px;
			}
.eformWhite{background:#FFFFFF;
            color:#5a5a5a;
			width:100%;
			min-height:360px;
			}
.eformFuction{width:100%;
           float:left;
		   text-align:center;
		   margin-top:20px;
		   min-height:360px;
		   }
.darkBlueBg{background:#6699aa;
         margin-top:0px;
		 height:auto;
		 }
.mediaboxImageBgcolor{background:#d6e6a5;
                   padding-bottom:20px;
                   }
.mediaboxBar{background:#f8701e;
           margin-top:72px;
		   min-height:116px;
                   }
.mediaboxOrg{background:#f8701e;
            color:#FFFFFF;
			width:100%;
			min-height:200px;
			height:200px;
			}
.mediaboxgoodItem{width:32%;
           float:left;
		   text-align:center;
		   margin-top:20px;
		   min-height:200px;
		   }
.mediaboxgoodItemMargin{width:32%;
           float:left;
		   text-align:center;
		   margin-top:20px;
		   min-height:200px;
		   margin-right:10px;
		   }
.mediaboxmarginCenter{margin-left:auto;
              margin-right:auto;
			  /*max-width:1070px;*/
			  margin-top:40px;
			  }
.mediaboxBlue{background:#63a4d1;
         margin-top:0px;
		 }
.myboardImageBgcolor{background:#a0a0a0;
                   padding-bottom:20px;
                   }
.lightGrayColor{background:#a0a0a0;
                margin-top:0px;
                }
.myboardColorBlue{background:#76c9df;
                 margin-bottom:0PX;
				 margin-top:-30px;
                 }
.myboardTable{ width:100%;
		       min-height:200px;
		   }
.myboardproductList{
           float:left;
		   text-align:center;
		   margin-top:20px;
		   min-height:200px;
		   }
.helperImageBgcolor{
	background:#fffef1;
    padding-bottom:20px;
    }
.icon{
	margin-top:-100px;
    float:left;
    }
.helperIconArea {
    background: #ffffff;
    text-align: center;
    color: #58ad05;
    font-size: 24px;
    height: 90px;
    float: left;
	width:33%;
    border-radius: 10px;
    margin:12px 1vw;
    }
.helperIconAreaMargin {
    background: #ffffff;
    text-align: center;
    color: #58ad05;
    font-size: 24px;
    height: 90px;
    float: left;
	width:33%;
    border-radius: 10px;
    margin:12px 1vw;
    justify-content: space-between;
    }
.barArea {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    text-align: center;
    margin-top: 15px;
    display: flex;
    }
.helperBar{
	background:#58ad05;
	height:116px;
    }
.darkGreenColor{
	background:#f39025;
    margin-top:0px;
    }
.helperGreen{
	background:#58ad05;
    color:#FFFFFF;
	width:100%;
	min-height:200px;
	height:200px;
	}
.helperBlueBg{
	background:#FFFFFF;
    margin-top:0px;
	}
.ezshowIconArea {
    background: #ffffff;
    text-align: center;
    color: #4a72b4;
    font-size: 24px;
    height: 90px;
    float: left;
	width:25%;
    border-radius: 10px;
    margin:12px 1vw;
    }
.ezshowIconAreaMargin {
    background: #ffffff;
    text-align: center;
    color: #4a72b4;
    font-size: 24px;
    height: 90px;
    float: left;
	width:25%;
    border-radius: 10px;
    margin:12px 1vw;
    justify-content: space-between;
    }
.ezshowBar{
	background:#4a72b4;
	height:116px;
    }
.eformIconArea {
    background: #ffffff;
    text-align: center;
    color: #ea636d;
    font-size: 24px;
    height: 90px;
    float: left;
	width:33%;
    border-radius: 10px;
    margin:12px 1vw;
    }
.eformIconAreaMargin {
    background: #ffffff;
    text-align: center;
    color: #ea636d;
    font-size: 24px;
    height: 90px;
    float: left;
	width:33%;
    border-radius: 10px;
    margin:12px 1vw;
    justify-content: space-between;
    }
.eformBar{
	background:#ea636d;
	height:116px;
    }
.mediaboxIconArea {
    background: #ffffff;
    text-align: center;
    color: #f8701e;
    font-size: 24px;
    height: 90px;
    float: left;
	width:33%;
    border-radius: 10px;
    margin:12px 1vw;
    }
.mediaboxIconAreaMargin {
    background: #ffffff;
    text-align: center;
    color: #f8701e;
    font-size: 24px;
    height: 90px;
    float: left;
	width:33%;
    border-radius: 10px;
    margin:12px 1vw;
    justify-content: space-between;
    }
.mediaboxBar{
	background:#f8701e;
	height:116px;
    }
.blur img:hover{
	filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
    }
.blur img{
	filter: blur(0);
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	-o-filter: blur(0);
	-ms-filter: blur(0);
    }
.emsIconArea {
    background: #ffffff;
    text-align: center;
    color: #22a2fa;
    font-size: 24px;
    height: 90px;
    float: left;
	width:33%;
    border-radius: 10px;
    margin:12px 1vw;
    }
.emsIconAreaMargin {
    background: #ffffff;
    text-align: center;
    color: #22a2fa;
    font-size: 24px;
    height: 90px;
    float: left;
	width:33%;
    border-radius: 10px;
    margin:12px 1vw;
    justify-content: space-between;
	}
.emsboxBar{
	background:#22a2fa;
	height:116px;
	}

.lightGreenColor{
	background:#36c1ca;
    margin-top:0px;
    }
.checkblueColor{
	background:#5fafe6;
    margin-top:-30px;
    }
.checkblueColor02{
	background:#36a4f0;
    }
.check_f_text{
    color:#1244b4;
	margin:29px 0 0 0;
	line-height: 30px;
}
.eBlue{
	background:#22a2fa;
    color:#FFFFFF;
	width:100%;
	min-height:200px;
	height:200px;
	}
.darkBlueColor{
	background:#213a8e;
    margin-top:0px;
    }
.eBlue2{
	background:#2578c6;
    color:#FFFFFF;
	width:100%;
	min-height:200px;
	height:200px;
	}
.lightYellowColor{
	background:#faf3dd;
    margin-top:0px;
    }
.darkTitle{border:#003366 solid 2px;
       font-size:20px;
	   color:#003366;
	   max-width:300px;
	   margin-left:auto;
	   margin-right:auto;
	   text-align:center;
	   }
.pg1_p_e02white{
	color:#FFFFFF;
    text-align:center;
    }
.tb_text_black{
	line-height:30px;
    padding-left:10px;
    }
.checkIconAreaMargin {
    background: #ffffff;
    text-align: center;
    color: #22a2fa;
    font-size: 24px;
    height: 90px;
    float: left;
	width:33%;
    border-radius: 10px;
    margin:12px 1vw;
    justify-content: space-between;
	}
.checkboxBar{
	background:#36a4f0;
	height:116px;
	}
.3dTable{
    color:#5a5a5a;
	width:100%;
	min-height:360px;
	text-align:center;
	}
.3dDiv{
	min-width:260px;
    float:left;
	text-align:center;
	min-height:360px;
	}
.video{
	background-color:#FF9900; 
	color:#FFFFFF; 
	font-weight:bold; 
	border-radius:5px;
	cursor:pointer;
	padding:3px;
}

.web{
	 background-color:hsla(209,76%,31%,1.00); 
	 color:#FFFFFF; 
	 font-weight:bold; 
	 border-radius:5px;
	 cursor:pointer;
	 padding:3px;
	 }
.3DText{
	 line-height:30px; 
	 letter-spacing:5px; 
	 text-align:left; 
	 font-size:30px; 
	 margin-right:auto; 
	 margin-left:auto;
	 }
.MBcloudImageBgcolor{
	 background:#ffffff;
     padding-bottom:20px;
	 }
.MBcloudIconArea{
	 background:#ffffff;
	 text-align:center;
	 color:#f8701e;
	 font-size:24px;
	 height:90px;
	 min-width:24%;
	 float:left;
	 border-radius:10px;
	 margin-top:12px;
	 }
.MBcloudIconAreaMargin{
	 background:#ffffff;
	 text-align:center;
	 color:#f8701e;
	 font-size:24px;
	 height:90px;
	 min-width: 24%;
	 float:left;
	 border-radius:10px;
	 margin-top:12px;
	 margin-right:10px;
	 }
.MBcloudBar{
	 background:#FF9900;
	 height:116px;
	 margin-top:-30px;
	 }
.MBcloudboxmarginCenter{
	 margin-left:auto;
	 margin-right:auto;
	 max-width:1070px;
	 }
.MBcloudboxmarginCenter2{
	 margin-left:auto;
	 margin-right:auto;
	 max-width:1070px;
	 margin-top:250px;
	 }
.imgtextBar{
	 background-color: #7F7F7F;
	 width:100%;
	 height:97px;
	 color:#fff;
	 padding-top:30px;
	 padding-left:10px;
	 padding-right:10px;
	 }
.ezmargin06{
 	 margin: 8px 8px;
 	 width:48%;
 	 background-color:#fff;
 	 /* height:520px; */
 	 }
 .ezmargin04{
 	 margin:10px 8px;
	  width:48%;
 	 background-color:#fff;
	 }
 .marginCenter03{
	 margin-left:auto;
	 margin-right:auto;
	 max-width:1070px;
 	 }
 .einfortext{
	 color:#ffffff;
	 margin-top:30px;
	 line-height:30px;
	 font-size:18px;
	 padding:10px;
	 border:solid 1px #ffffff;
	 text-align:center;
 	 }
 .einfortext2{
	 color:#ffffff;
	 margin-top:30px;
	 line-height:30px;
	 font-size:18px;
	 padding:10px;
	 text-align: center;
 	 }
 .einfortext3{
	 color:#21658C;
	 margin-top:30px;
	 line-height:30px;
	 font-size:18px;
	 padding:10px;
	 border:solid 1px #21658C;
	 text-align:center;
 	 }
 .einfortext,.einfortext2 span{
 	 }
 .einfortext>p,.einfortext2>p{
	 text-align:center;
 	 }
 .einfortext>div,.einfortext2>div{
	 text-align:center;
	 margin-top:10px;
 	 }
 .einfortext > div p, .einfortext2 > div p{
	 color:#EACA71;
 	 }
 .admachineText{
	 color:#21658b;
	 margin-top:30px;
	 line-height:30px;
	 font-size:18px;
	 padding:10px;
	 border:solid 1px #21658b;
	 text-align:center;
 	 }
 .admachineText p span{
 	display: block;
 	padding:5px 0;
 }
 .devicelist{
	 line-height:30px;
 	 }
  .customerlist{
	 line-height:30px;
	 color:#ffffff;
 	 }
 .productlistarea{
	 background:#ffffff;
 	 }
 .productclasstitle{
	 font-size:22px;
	 color: #00abe6;
     font-weight: bold;
 	 }
 .productlink{
	 margin-top:10px;
 	 }
 .productclasstext{
	 margin-top:10px;
 	 }
 .productclasstext span ,.productlink div ,.productclasstext div{
	 color:#124597;
 	 }
 .productbutton{
	 background:#DF6017;
	 color:#ffffff;
	 border-radius:20px;
	 padding:8px;
	 text-align:center;
	 /*letter-spacing:1px;*/
	 cursor:pointer;
	 display:inline-block;
	 margin-bottom:5px;
 	 }
 .productlink a ,.productlink a:hover ,.productlink a:visited{
	 color:#ffffff;
 	 }
 .productlistright{
	 padding-top:25px;
 	 }
 .productlisttop{
	 margin-top:10px;
 	 }
 .productlistimage{
	 margin-left:-15px;
	 margin-right:-15px;
 	 }
 .productlistbottom{
	 margin-bottom:10px;
 	 }
.img1{
	display:none;
	}
.img2{
	display:block;
	}
.box-a{
    padding:0 15vw;		
	}
.box-b{
	padding-left:15vw;
	padding-right:15vw;
	padding-top:30px;
	}
.box-a h3,.box-b h3{
    font-size: 18px;	
	font-weight:bold;
	}
.box-a ,.box-b {
    font-size: 14px;		
	}
.box-c{
	height: auto;
    display: -webkit-flex;
    display:         flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    }
.ezshowtextcontent{
	text-align:left;
	width:60%;
	margin:auto auto;
}
.mainVisual{
	background-color: #fff; 
	padding:67px 0 0 0!important;
	margin:0!important;
}
.pageNav{
	padding: 20px 5%;
    z-index: 100;
}
.pageNav.admachine{
	background-color: #f6921e;
}
.pageNav{
    text-align: center;
    margin: 0;
    padding: 20px 5%;
}
.pageNav > ul {
	width: 100%;
    display: table;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.pageNav > ul li {
	height: 90px;
    float: left;
    margin-left: 2%;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 5px 5px 5px -2px rgba(0,0,0,0.23);
	-moz-box-shadow: inset 5px 5px 5px -2px rgba(0,0,0,0.23);
	box-shadow: inset 5px 5px 5px -2px rgba(0,0,0,0.23);
}
.pageNav > ul li:first-child{
	margin: 0;
}
.pageNav > ul li:hover a{
	color:#f28236;
	text-decoration: none;
}
.pageNav.admachine ul li{
	width: 32%;
}
.pageNav > ul li a{
	height: 100%;
	display: block;
    color: #f6921e;
    font-size: 24px;
	text-decoration: none;
}

.admachine h2{
	color: #4a72b3;
	margin-top: 0;
	font-weight: bold;
}
.admachine hgroup{
	margin: 50px 0;
}
.admachine hgroup h4{
	margin-bottom: 25px;
}
.admachine hgroup ul{
	margin-left: -20px;
}
.admachine hgroup ul li{
	margin-bottom: 15px;
}
.admachine .admachineInfo{
	width: 60%;
	float: left;
}
.admachine .admachineImage{
	width: 40%;
	float: left;
}
.bgBlue{
	background-color: #335f9e;
	color: #fff;
}
.btnArea{
	width: 100%;
}
.btnArea .btn{
	padding: 5px 25px;
	border-radius: 10px;
	font-size: 18px;
	margin-bottom: 10px;
	text-align: center;
}
.btnArea .btn:hover{
	background-color: #4a72b3;
	color: #fff;
}
.btnArea .btn_s{
	width: 48%;
    display: inline-block;
    margin-left: 3%;
}
.btnArea .btn_s:first-child{
	margin-left: 0;
}
.btnArea .btn_l{
	width: 100%;
	display: block;
}
.admachine .features{
	width: 100%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.admachine .features .row{
	width: 100%;
	display: table-row;
}
.admachine .features .fake{
	height: 30px;
}
.fake_s{
	height:20px;
}
.dis_tablecell{
	display: table-row;
}
.admachine .features .item{
	width: 130px;
	height:130px;
	display: table;
	text-align: center;
}
.admachine .features .fakeitem{
	width: 15%;
	display: table-cell;
}
.admachine .features .item .item-img{
	width: 100%;
	display: table-row;
}
.admachine .features .item .item-txt{
	width: 100%;
	display: table-row;
}
.admachine .priceArea{
	width: 75%;
	font-size: 20px;
	margin-left: 2%;
}
.admachine .priceArea .single{
	width: 100%;
	border: 1px solid #000;
	padding: 10px;
	text-align: center;
	margin: 35px auto 0 auto;
}
.price-wrapper{
	width: 80%;
	margin: 50px auto 0;
}
.admachine .priceArea .single strong, .admachine .priceArea .central strong{
	margin-right: 5%;
}
.admachine .priceArea .central{
	width: 100%;
	background-color: #ffc840;
	border: 1px solid #ffc840;
	padding: 10px;
	text-align: center;
	margin: 20px auto 0 auto;
}
.admachine.mar_bot{
	margin-bottom: 20px;
}
.d-block{
	display: block;
}
.mx-auto{
	margin: auto;
}
.features-wrapper{
	padding: 0;
}
.features-container{
	list-style: none;
    margin: 0;
    padding: 0;
    width: 95%;
}
.features-item{
	display: block;
    margin-top: 10px;
    padding: 20px;
    border-radius: 2px;
    box-shadow: 0 2px 1px rgba(170, 170, 170, 0.25);
    text-align: center;
}
.grid .features-item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 120px;
    width: 120px;
    margin: 2%;
}
.features-item span{
	display: block;
}
.price-item{
	width: 85%;
	padding: 5%;
	text-align: center;
	margin: auto;
}
.price-item.single{
	border: 1px solid #707070;
	padding: 5% 5% 80px 5%;
}
.price-item.central{
	background-color: #ffc840;
	border: 1px solid #ffc840;
	padding: 5% 5% 36px 5%;
}
.price-item h3{
	margin: 0 0 30px 0;
	font-weight: bold;
}
.price-item .border-bottom{
	border-bottom: 1px dashed #707070;
	margin: 0 0 20px 0;
}
#horizontal:before, #vertical:before, #rotate:before{
	content: "";
	padding-top: 25px;
	display: block;
}
ul.function-list{
	max-width: 1300px;
	list-style: none;
	margin: 30px auto;
	padding: 0;
	text-align: center;
}
ul.function-list li{
	display: inline-flex;
	padding: 1.5% 4%;
	text-align: center;
	margin: auto;
}

/*HR無紙化*/
.txtCenter{
	text-align: center;
}
.pd-title{
	color:#114cb4;
	padding: 25px 0 20px 0;
}
h3.pd-cont-title{
	font-size:21px;
	color:#031d5a;
	text-align:center;
	font-weight:bold;
}
/*h3.pd-cont-title:after{
	content: "";
	width: 80px;
	border-bottom: 3px solid #031d5a;
	display: block;
	padding: 5px 0 0 0;
	margin:auto;
}*/
h4.pd-cont-title{
	color:#202020;
	font-weight:bold;
}
.hreform-pic{
	margin-bottom: 20px;
}
.hreformbg{
	min-height:200px;
	background-color: #fff; 
	border-radius: 10px;
	position:relative;
}
.hreformbg img{
	position:absolute;
	left:50%;
	top:-35px;
	margin-left:-42.75px;
}
.cont-box{
	background-color: #fff;
    padding: 80px 0 0 0!important;
    margin: 0!important;
}
.hrbg-top{
	background: url(../images/hreformBg.png) center top no-repeat;
}
.hrbg-top:after{
	content:"";
	background: url(../images/hreformBg_btm.png) center bottom no-repeat;
}
.hrbg{
	width:100%;
	background-color: #9bd6f4;
	padding-bottom:50px;
}
.hreform-contbox{
	padding: 55px 20px 15px 20px;
	font-size:16px;
}
.cont-box .pd-cont-txt{
	font-size:16px;
}
#hreform-txt{
	font-size:17px;
	color:#000;
	text-align:center;
}
#hreform-txt span{
	display:block;
}
ul.pd-cont-txt{
	margin-left:-20px;
}
.hreform-function{
	margin:30px 0;
}
.hreform-btn{
	width:150px;
	border-radius:25px;
	background-color:#0640ac;
	color:#fff;
	display:block;
	padding:6px 12px;
	text-align:center;
	margin:auto;
}
.hreform-btn:hover{
	color:#fff;
	background-color:#022e82;
	text-decoration: none;
}
.wrapperCenter.hrvideo{
	max-width: 940px;
	padding: 50px 0;
}
.hrvideo iframe{
	width: 100%;
    min-height: 500px;
}
@media  screen and (max-width: 992px){
	.pd-title{ padding: 15px 0 10px 0; }
	.wrapperCenter.hrvideo{ padding: 50px 2%;}
}
@media  screen and (max-width: 768px){
	.hreformbg{ height: 196.6px; }
	.hreform-feature{ margin:0 0 30px 0; }
	.pd-cont-txt span{ display:inline; }
	.wrapperCenter.hrvideo{ padding: 30px 2%;}
	.hrvideo iframe{ min-height: 300px;}
}


/*硬體設備-導覽機*/

.admtopbar{
	background:#f6921e;
	height:116px;
	}
.admIconAreaMargin {
    background: #ffffff;
    text-align: center;
    color: #f6921e;
    font-size: 24px;
    height: 90px;
    float: left;
    width:33%;
    border-radius: 10px;
    margin:12px 1vw;
    justify-content: space-between;
 }
/*硬體設備-廣告機*/
.mobgraybg{
	background:#f1f1f1;
    margin-top:0px;
	margin-bottom:-20px;
	}
.mobtopbar{
	background:#4a72b3;
	height:116px;
	}
.lightgreenColor{
	background:#e5ffff;
	margin-top:0px;
	}
.mobtitle{
	border:#4a72b3 solid 2px;
    font-size:20px;
	color:#4a72b3;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:auto;
	margin-bottom:30px;
	}
.mobtextbox{
    padding:40px;
	background:#fff;
	}
.mobline-bottom{
	border-bottom:#4a72b3 2px solid;
	padding-bottom:10px;
	text-align:center;
	}
.mobtextbox img{
	padding-top:50px;
	}
.mobfortext{
	color: #21658b;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 18px;
    padding: 20px;
    border: solid 1px #21658b;
    text-align: center;
	}
.mobIconAreaMargin {
    background: #ffffff;
    text-align: center;
    color: #4a72b3;
    font-size: 24px;
    height: 90px;
    float: left;
    width:33%;
    border-radius: 10px;
    margin:12px 1vw;
    justify-content: space-between;
 }
.lightBlueColor{
	backgound:#e5ffff;
	margin-top:0px;
	}
.navyblue{
	background:#4a72b3;
	color: #FFFFFF;
    width: 100%;
    min-height: 200px;
    height: 200px;
	}
.navygreen{
	background:#21a3c0;
	color: #FFFFFF;
    width: 100%;
    min-height: 200px;
    height: 200px;
	}
.mobColorblue{
    background:#bfe3f0;
    margin-bottom:-15PX;
    margin-top:-30px;
    }
.mobColorblue{
    background:#bfe3f0;
    margin-bottom:-15PX;
    margin-top:-30px;
    }
.androidboxbg{
	background:#f3f3f3;
	padding:20px;
	vertical-align:middle;
	line-height:28px;
	}
.mobTable {
    width: 100%;
    min-height: 100px;
    height: 260px;
    line-height: 30px;
    letter-spacing: 2px;
    text-align: center;
}
.androidtext{
	color:#3a3a3a;
	font-size:16px;
	padding-left:4%;
	line-height:35px;
	}
.androidimg{
	padding-top:1%;
	}
.ad_circle{
	width:130px;
	height:130px;
	border-radius:99em;
	background:#f3f3f3;
	margin:30px auto 0 auto;
	padding-top:16px;
	text-align:center;
	color:#008CBE;
	}
.ad_circle2{
	width:130px;
	height:130px;
	border-radius:99em;
	background:#fff;
	margin:30px auto 0 auto;
	padding-top:16px;
	text-align:center;
	color:#008CBE;
	}
.adicon{
	display: initial;
	display:inline;
    margin-bottom: 12px;
	}
.adanavygreen{
	background:#21a3c0;
    margin-top:-30px;
	}
.adawhite{
    background-color: #ffffff;
    color: #333333;
    line-height: 30px;
    text-align: center;
    padding: 0 20px;
    }
.adachine h3{
	color:#4a72b3;
	}
.adatitle{
	border:#fff solid 2px;
    font-size:20px;
	color:#fff;
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:auto;
	margin-bottom:30px;
	}
.ada_img{
	margin:0 auto;
	max-width:300px;
	max-height: 320px;
	}
.adachine {
    width: 100%;
    height: 665px;
    line-height: 30px;
    letter-spacing: 2px;
    text-align: center;
    }
.bgBlue2{
	background-color: #335f9e;
	color: #fff;
	width:100%;
	margin: 35px auto 0 auto;
	padding: 10px;
    }
.single,.single2,.single4{
	width: 100%;
	border: 1px solid #000;
	padding: 10px;
	text-align: center;
	margin: 20px auto 0 auto;
	letter-spacing:2px;
    }
.central,.central2,.central4{
	width: 100%;
	background-color: #ffc840;
	border: 1px solid #ffc840;
	padding: 10px;
	text-align: center;
	margin: 20px auto 0 auto;
	letter-spacing:2px;
    }
.single2,.central2{
	height: 300px;
    }
.max-width-9 {
  max-width: 4rem;
  margin:0 auto;
}	
.functionbox{
    padding: 0 5%;
    margin-bottom: 70px;
	text-align: center;
}
.functionbox h5{
	line-height:30px;
}
/*ezshow 導覽機按鈕*/
.priceArea3{
	margin:20px auto 40px auto;
	width:30%;
}
.priceArea3 a {
    font-size: 18px;
	letter-spacing:1px;
}
.bgOrange2 {
    background-color: #ff8a00;
    color: #fff;
    width: 100%;
    margin: 35px auto 0 auto;
    padding: 10px;
}
#modal-height1, #modal-height2, #modal-height3, #modal-height4, #modal-height5, #modal-height6, #modal-height7, #modal-height8, #modal-height9, #modal-height10{
	margin:15% auto;
}

 .features-container{
 	width: 95%;
 	margin:0 auto;
 }
/*.marginCenter > div{
	float: none;
}
*/
.productlistright {
    padding-bottom: 20px;
}

/*動畫*/
#aniCase.jumbotron{
	padding: 48px 0 0 0;
	margin: auto 0;
}
#aniFlow:before, #aniType:before{
	content: "";
	padding: 30px;
}
.aniTitle{
	border: 2px solid #94212E;
    font-size: 20px;
    color: #94212E;
    max-width: 300px;
    margin: 0  auto 20px auto;
    text-align: center;
    height: auto;
    padding: 6px 0;
    border-radius: 8px;
}
.admtopbar_ani{
	background:#F8DF62;
}
.admtopbar_ani .admIconAreaMargin{
	color: #fff;
	background: #4190CE;
	height: 50px;
	cursor: pointer;
}
.txtCenter span{
	display: block;
	text-align: center;
}
.aniFlow-stepBox{
	width: 100%;
	margin-bottom:15px;
	display: flex;
}
.aniFlow-steps{
	display: flex;
}
.aniFlow-stepBox .icon{
	margin-top: 0;
	margin-right: 10px;
}
.aniFlow-stepBox .step, .aniFlow-stepBox .txtBox .Title{
	color: #C72C40;
	font-size: 22px;
	font-weight: bold;
}
.aniFlow-stepBox .txtBox{
	padding: 0;
	margin-left: 20px;
}
.aniFlow-stepBox .txtBox .txt{
	font-size: 19px;
	padding-top: 5px;
}
.aniFlow-stepBox .step, .aniFlow-stepBox .txtBox{
	margin-top: 10px;
}
.img-rwd{
	max-width: 100%;
}
.Bg-white{
	background-color: #fff;
}
#aniFlow{
	padding: 30px 5% 0 5%;
	margin-bottom: 0;
    background: url(../images/ani_bg.png) 90% bottom no-repeat;
    background-size: 35% auto;
}
.Bg-babyblue{
	background-color: #C9E7EB;
}
.container .jumbotron{
	border-radius: 0;
	margin-bottom: 0;
}
.aniType-right{
	float: right;
}
.aniType-item{
	background: rgba(47, 168, 207, .3);
	padding: 30px 20px;
	margin-bottom: 20px;
}
.img-container{
	position: relative;
    padding: 40px 0 54.25% 0;
    height: 0;
    overflow: hidden;
}
.img-container img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#aniType .aniType-title{
	color: #C72C40;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}
.aniType-txt span{
	font-size: 18px;
	display: block;
}
.aniType-left{
	float: right;
}
.aniType-left > div{
	text-align: right;
}
.card {
	width: 100%;
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.225);
    cursor: pointer;
    margin: 0 0 25px 0;
}
.card:hover{
	-webkit-transition: All 0.5s ease-out;
    -moz-transition: All 0.5s ease-out;
    -o-transition: All 0.5s ease-out;
    transition: All 0.5s ease-out;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.card:hover .card-mask, .card:hover .card-img:before{
	display: none;
	-webkit-transition: All 0.5s ease-out;
    -moz-transition: All 0.5s ease-out;
    -o-transition: All 0.5s ease-out;
    transition: All 0.5s ease-out;
}
.card-img{
	width: 100%;
	position: relative;
}
.card-img:before{
	content: "";
	width: 40px;
	height: 40px;
	background: url(../images/icon-play.svg) center center no-repeat;
	position: absolute;
	top: 38%;
    left: 43%;
    z-index: 10;
}
.card-mask{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.15);
	position: absolute;
	top: 0;
	left: 0;
}
.card-txt{
	font-size: 18px;
	color: #C72C40;
	padding: 10px 5px;
    text-align: center;
}
.video-wrapper{
	position: relative;
    padding: 50px 0 60% 0;
    height: 0;
}
.video-wrapper iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#aniCost:before{
	content: "";
    width: 85%;
    border-top: 1px solid #8f8f8f;
    margin: auto;
    height: 1px;
    display: block;
    padding-top: 80px;
}
.form-group{
	width: 100%;
	margin: 0 0 30px 0;
}
.form-group label{
	font-size: 18px;
	font-weight: normal;
	padding: 0 15px 0 0;
}
.form-control{
	width: 100%;
}
.form-wrapper{
	padding:0;
}
.form-wrapper.left{
	padding: 0 15px 0 0;
}
.form-wrapper.right{
	padding: 0 0 0 15px;
}
.wrapperCenter.form-container{
	width: 100%;
	margin: 50px auto 0 auto;
}
.form-txtarea{
	padding: 0 15px 0 0;
}
.btn-send{
	width: 200px;
	margin: auto;
    text-align: center;
    display: block;
    border-radius: 100px;
    padding: 10px 20px;
    margin: 30px auto 0 auto;
}
.color-red{
	color: #C72C40;
}
.txtbottomx{
	margin-top:28px;
	margin-bottom: 45px;
}

.ani{
	margin-top: 30px;
}
	
@media screen and (max-width: 1200px){
   	.wrapperCenter.form-container{
   		width: 90%;
   	}
}
@media screen and (max-width: 1024px){
	.aniType-txt span{ 
		display: inline
	 }
}
@media screen and (max-width: 992px){
	#aniFlow{
   		background-size: 32% auto;
   	}
   	.form-wrapper.right, .form-wrapper.left{
   		padding:0;
   	}
   	.form-group{
   		margin-bottom: 25px;
   	}
    #modal-height1, #modal-height2, #modal-height3, #modal-height4, #modal-height5, #modal-height6, #modal-height7,    #modal-height8, #modal-height9, #modal-height10{
	margin:25% auto;
}
.priceArea3{
	width:63%;
}
}
@media screen and (max-width: 768px){
	#aniFlow{
		background: url(../images/ani_bg.png) 50% bottom no-repeat;
   		background-size: 53% auto;
   		padding: 30px 10px 0 10px;
   	}
   	.container.ani{
   		padding-bottom: 260px;
   	}
   	.img-container{
   		margin-bottom: 15px;
   	}
   	#aniType .aniType-title{
   		text-align: center;
   	}
   	.aniType-left > div{
	text-align: left;
	}
   	.wrapperCenter.form-container{
   		width: 100%;
   	}
   	.form-input, .form-txtarea{
   		padding: 0;
   	}
   	.form-group{
   		margin-bottom: 15px;
   	}
   	.jumbotron p, .aniFlow-stepBox .txtBox .txt, .aniType-txt span{
   		font-size: 16px;
   	}
   	.txtCenter span{
   		display: inline;
   	}
   	.aniFlow-stepBox .step, .aniFlow-stepBox .txtBox .Title, #aniType .aniType-title{
   		font-size: 20px;
   	}
   	.aniType-item{
   		padding: 20px 10px;
   	}
.priceArea3{
	width:80%;
}
}
@media screen and (max-width: 676px){
	#aniFlow{
		padding: 30px 0 0 0;
		background-size: 48% auto;
	}
	.container.ani{
   		padding-bottom: 250px;
   	}
   	.aniFlow-stepBox{
   		display: block;
   	}
   	.aniFlow-steps{
   		width: 100%;
   		display: block;
   	}
   	.aniFlow-stepBox .icon{
   		float: none;
   	}
   	.icon img{
   		display: block;
   		margin: auto;
   	}
   	.aniFlow-stepBox .step, .aniFlow-stepBox .txtBox{
   		text-align: center;
   	}
   	.aniFlow-stepBox .txtBox{
   		margin-left: 0;
   	}
   	.aniFlow-stepBox{
   		margin-bottom: 30px;
   	}
   	.aniFlow-stepBox .icon{
   		margin-right: 0;
   	}
}
@media screen and (max-width:1380px){

	ul.function-list{
		width: 100%;
	}
	ul.function-list li{
		padding: 1% 3%;
	}
}
@media screen and (min-width: 1200px) and (max-width:1575px){
	#aniFlow{
    background-size: 42% auto;
}
	.btnArea .btn_s{
		display: block;
		width: 100%;
		margin-left: 0;
	}
}
@media screen and (min-width: 991px) and (max-width:1200px){
.box-c{
	height: auto;
    display: -webkit-flex;
    display:         flex;
	}
.box-a{
    padding:0 10vw;		
	}
.box-b{
	padding-left:10vw;
	padding-right:10vw;
	padding-top:30px;
	}
.ezmargin06{
	margin:20px 8px;
	width:48%;
	background-color:#fff;
	height:520px
	}
.featuresbox{
    width:100%;	
	}
.eformFuction{	
	margin:10px 8px;
	width:100%;
	background-color:#fff;
	float:left;
    }

.vedioCenter{ 
	margin:50px 0 0 94px;
    max-width:80%;
			 }
.ezmargin06{
	margin:20px 8px;
	width:48%;
	background-color:#fff;
	height:590px
          }
.ezmargin04{
	margin:10px 8px;
	width:48%;
	background-color:#fff;
          }
.btnArea .btn_s{
		display: block;
		width: 100%;
		margin-left: 0;
	}
.price-wrapper{
	width: 90%;
}

}

@media screen and (min-width: 769px) and (max-width:990px){
.eformBar,.ezshowBar,.helperBar,.mediaboxBar,.emsboxBar,.checkboxBar{
	padding:0 4vw;
	}
.eformIconArea,.eformIconAreaMargin,.ezshowIconArea,.ezshowIconAreaMargin,.helperIconArea,.helperIconAreaMargin,.mediaboxIconArea,.mediaboxIconAreaMargin,.emsIconArea,.emsIconAreaMargin ,.MBcloudIconAreaMargin ,.MBcloudIconArea,.checkIconAreaMargin,.mobIconAreaMargin,.admIconAreaMargin{
	font-size:20px;
}
.eformIconArea img,.eformIconAreaMargin img,.ezshowIconArea img,.ezshowIconAreaMargin img,.helperIconArea img,.helperIconAreaMargin img,.mediaboxIconArea img,.mediaboxIconAreaMargin img,.emsIconArea img,.emsIconAreaMargin img,.MBcloudIconAreaMargin img ,.MBcloudIconArea img,.checkIconAreaMargin img,.mobIconAreaMargin img,.admIconAreaMargin img{
	margin:0 10px;
}
.ezmargin03{
	 margin:20px 10px;
	 width:46%;
	 background-color:#fff;
	 height:530px
	 }
.ezmargin04{
	 margin:10px 10px;
	 width:46%;
	 }
.ezmargin06{
	 margin:20px 10px;
	 width:46%;
	 background-color:#fff;
	 height:590px;
          }  
 .marginCenter03{
	 margin-left:auto;
	 margin-right:auto;
	 max-width:1070px;
 }
 .marginCenter > div{
	 min-height:280px;
 }
 .pageNav > ul li a{
 	font-size: 20px!important;
 }
 .admachine .priceArea{
	width: 90%;
	margin: 0 auto;
 }  
 /*廣告機*/
 .ad_circle,.ad_circle2{
	width:100px;
	height:100px;
	margin:30px auto 0 auto;
	padding-top:16px;
	}

.adicon{
    margin-bottom: 5px;
    max-width: 40px;
}
.ad_circle div,.ad_circle2 div{
    font-size:12px;
}
.productlistright {
    padding-bottom: 20px;
}
#navbar{
	max-height: 100%;
}
.navbar-nav {
    text-align: center;
    margin: auto;
    width: 100%;
}
}
@media screen and (min-width: 482px) and (max-width:768px){
.img1{
	display:block;
	}
.img2{
	display:none;
	}
.box-a{
    padding:0 15vw;		
	}
.box-b{
	padding-left:15vw;
	padding-right:15vw;
	padding-top:30px;
	}
.box-c{
	height: auto;
    display: -webkit-block;
    display:         block;
    }
.ezmargin03	{
	width:96%;
    margin:15px 0;
	}
	.eformBar,.ezshowBar,.helperBar,.mediaboxBar{
	padding:0 0vw;
	}
.eformIconArea,.eformIconAreaMargin,.ezshowIconArea,.ezshowIconAreaMargin,.helperIconArea,.helperIconAreaMargin,.mediaboxIconArea,.mediaboxIconAreaMargin,.emsIconArea,.emsIconAreaMargin ,.MBcloudIconAreaMargin ,.MBcloudIconArea,.checkIconAreaMargin,.mobIconAreaMargin,.admIconAreaMargin{
	font-size:18px;
	}
.eformIconArea img,.eformIconAreaMargin img,.ezshowIconArea img,.ezshowIconAreaMargin img,.helperIconArea img,.helperIconAreaMargin img,.mediaboxIconArea img,.mediaboxIconAreaMargin img,.mobIconAreaMargin img{
	margin:0 10px;
	}
.emsIconArea img,.emsIconAreaMargin img{
    width:100%;
	}
.checkIconArea img,.checkIconAreaMargin img{
    width:100%;
	}
.productList{
	  
	margin:10px;
		   }
.ezmargin04{
	margin:15px 0;
	width:100%;
	}
.ezmargin06{
    margin:20px 10px;
    width:96%;
    background-color:#fff;
 /*height:590px;*/
 }
.staffListMargin{
    width:90%;
    float:inherit;
    margin-right:auto;
    margin-left:auto;
}
 .staffList{
    height:200px;
	width:90%;
	float:inherit;
	margin-left:auto;
	margin-right:auto;
	}
.whiteBg{
		 margin-bottom:0px;
		 }
.lightBlueColor{
	margin-top:0px;
}
.lighterBlueColor{margin-top:0;}
.admachine .priceArea{
	width: 90%;
	margin: 0 auto;
 }  
.price-item{
	width: 95%;
}
.price-item.single{
	margin:0 auto 50px auto;
}
.features-container{
    margin: 0 auto;
    width: 70%;
}
 /*廣告機*/
 .ad_circle,.ad_circle2{
	width:100px;
	height:100px;
	border-radius:99em;
	margin:30px auto 0 auto;
	padding-top:16px;
	text-align:center;
	color:#008CBE;
	}
.adicon{
	display: initial;
    margin-bottom: 5px;
    max-width: 40px;
}
.ad_circle div,.ad_circle2 div{
    font-size:12px;
}
.productlistright {
    padding-bottom: 20px;
}
#aniFlow {
    background-size: 47% auto;
}
#navbar{
	max-height: 100%;
}
.navbar-nav {
    text-align: center;
    margin: auto;
    width: 100%;
}
}
@media screen and (max-width: 481px){
.box-c{
	height: auto;
    display: -webkit-block;
    display:         block;
    }
#feature h4{
    font-size: 17px;		
	}
.img1{
	display:block;
	}
.img2{
	display:none;
	}
.box-b{
    padding-left:10vw;
	padding-right:10vw;
	padding-top:30px;		
	}
.box-a{
    padding:0 10vw;		
	}
.box-a h3,.box-b h3{
    font-size: 17px;	
	/*font-weight:bold;*/
	}
.box-a ,.box-b {
    font-size: 12px;		
	}
.red{ 
	font-size:16px;
    }
.red:hover{
	font-size:16px;
    }
.red:select{
	font-size:16px;
    }
.productListDiv{
    max-width:350px;
    }
.productListDivMargin{
    max-width:350px;
    margin-right:inherit;
    }
.barArea{
	margin-left:auto; 
    margin-right:auto;
	width:100%;
	padding:2px;
	display:inline;
    }
.eformBar ,.helperBar ,.mediaboxBar ,.emsboxBar,.checkboxBar{
	height:360px;
	width:100%;
    }
.mobtopbar,.admtopbar{
    height: 360px;
    width: 100%;
    }
.emsboxBar ,.ezshowBar {
	height:460px;
	width:100%;
    }
.eformIconArea,.ezshowIconArea,.helperIconArea,.mediaboxIconArea,.emsboxIconArea{
	font-size:24px;
	float:inherit;
	width:90%;
	margin-left:auto;
    margin-right:auto;
	float:inherit;
    }
.title02{
	height:35px;
	margin-top:0px;
	}
.title03{
	height:35px;
	margin-top:0px;
	}
.productList{
	width:100%;
    min-height:500px;
	}
.myboardproductList{
    width:100%;
    }  
.myboardinfor{
	text-align:center;
    }
.myboardinfor img{
	margin-left:auto;
	margin-right:auto;
    }
.mediaboxgoodItem{ 
    width:90%;
    }
.vedioCenter{ 
	margin: 30px auto 30px auto;
    }
.fuctionBar_ems{ 
	margin-top:-75px;
    }
.marginCenter02{
	margin-left:auto;
    margin-right:auto;
	max-width:1070px;
	position:relative;
    min-height:inherit;
	}
.goodItem{ 
	margin-left:auto;
    margin-right:auto;
	float:inherit;
	font-size:18px;
	}
.goodItemMargin{ 
	margin-left:auto;
    margin-right:auto;
	float:inherit;
	font-size:18px;
	}
.eformIconAreaMargin,.ezshowIconAreaMargin,.helperIconAreaMargin,.mediaboxIconAreaMargin,.emsIconAreaMargin,.emsIconArea,.checkIconAreaMargin,.checkIconArea,.mobIconAreaMargin,.admIconAreaMargin{ 
    float:inherit;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
    }
.productList{
    min-height:0;
    height:auto;
	}
.staffListMargin{
    width:90%;
    float:inherit;
    margin-right:auto;
    margin-left:auto;
    }
.staffList{
    height:200px;
	width:90%;
	float:inherit;
	margin-left:auto;
	margin-right:auto;
	}
.mediaboxgoodItem{
    margin-left:auto;
    margin-right:auto;
    font-size:18px;
    width:90%;
    float:inherit;
    }
.mediaboxgoodItemMargin{
    font-size:18px;
    /*float:inherit;*/
    }
.mediaboxmarginCenter{
	margin-top:30px;
	}
.ezshowFuctionMargin ,.ezshowFuction ,.ezshowFuctionListMargin ,.ezshowFuctionList{
    margin-right:auto;
    margin-left:auto;
    float:inherit;
    font-size:18px;
    /*width:90%;*/
    }
.helperIconAreaMargin ,.helperIconArea ,.eformIconAreaMargin ,.eformIconArea ,.emsIconAreaMargin ,.emsIconArea ,.ezshowIconAreaMargin,.ezshowIconArea{
    margin-left:auto;
    margin-right:auto;
    width:90%;
    font-size:18px;
    }
.darkBlueBg{
    min-height:1600px;
	}
.3DText{
    font-size:18px;
    line-height:50px; 
	letter-spacing:2px; 
	text-align:left;
    }
.MBcloudIconAreaMargin,.MBcloudIconArea{
	float: inherit;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;	
	}
	.ezmargin04{
	margin:15px 0;
          }	
.MBcloudBar{
	height:inherit;
    }
.whiteBg{
		 margin-bottom:0px;
		 }
.ezshowtextcontent{
	width:80%;
}
.lightBlueColor{
	margin-top:0px;
}
.lighterBlueColor{
	margin-top: 0;
}
.pageNav > ul li{
	float: none;
	margin: 0 auto 15px auto;
}
.pageNav > ul li:first-child{
	margin: 0 auto 15px auto;
}
.pageNav > ul li:last-child{
	margin: 0 auto;
}
.pageNav.admachine ul li{
	width: 90%;
}
.admachine .priceArea{
	width: 90%;
	margin: 0 auto;
 } 
 .price-wrapper{
 	width: 100%;
 }
 .price-item{
 	width: 100%;
 }
 .price-item.single{
	padding: 5%;
	margin-bottom: 50px;
 }
 .whiteBg > div > div.col-lg-12{
 	padding: 0;
 }
 .jumbotron.whiteBg{
 	padding: 30px 0;
 }
 .features-container{
 	width: 77%;
 	margin:0 auto;
 }
 .grid .features-item{
 	width: 105px;
 	height: 105px;
 	margin: 2%;
 }
  /*廣告機*/
 .ad_circle,.ad_circle2{
	width:90px;
	height:90px;
	border-radius:99em;
	margin:30px auto 0 auto;
	padding-top:16px;
	text-align:center;
	color:#008CBE;
	}
.adicon{
	display: initial;
    margin-bottom: 5px;
    max-width: 40px;
}
.ad_circle div,.ad_circle2 div{
    font-size:10px;
}
.marginCenter > div{
	float: none;
}
.productlistright {
    padding-bottom: 20px;
}
ul.function-list{
		width: 100%;
	}
ul.function-list li{
		padding: 1% 2%;
	}
#modal-height1, #modal-height2, #modal-height3, #modal-height4, #modal-height5, #modal-height6, #modal-height7, #modal-height8, #modal-height9, #modal-height10{
	margin:30px auto;
}
.ani{
	margin-bottom:0;
}
#aniFlow {
    padding: 30px 0 0 0;
	background-size: 65% auto;
}
#navbar{
	max-height: 100%;
}
.navbar-nav {
    text-align: center;
    margin: auto;
    width: 100%;
}
}