@font-face {
    font-family: SFUIDisplay-Regulars;
    src:url('https://www.moonsindustries.com/m/fonts/SF-UI-Display-Regular.otf');
}
@font-face {
    font-family: SFUIDisplay-Bolds;
    src:url('https://www.moonsindustries.com/m/fonts/SF-UI-Display-Bold.otf');
}
@font-face {
    font-family: SFUIDisplay-Lights;
    src:url('https://www.moonsindustries.com/m/fonts/SF-UI-Display-Light.otf');
}
.productsimg{
	display:block;
	height: auto;
	width: 30%;
	margin: 20px auto;
	text-align: left;
}

.index_products{
	text-align: center;
	margin: 2rem 0 1rem 0;
}
.index_products_border{
	background:#ffffff;
	padding:0.2rem;
	border: 0.2rem solid #004589;
    width: 12.3rem;
    display:block;
    margin: 0 auto;
}
.index_products button{
	-webkit-appearance : none ;
	border: hidden;
	border-radius: 0px;
	color:#FFFFFF;
	background-color: #004788;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 3.2rem;
}
.index_productsbottom{
	width: 11.5rem;
	height:3.2rem;
}

#main_content .motion-control{
	margin-right:0px; 
    margin-left:0px;
    color: #636363;
    padding: 14px 0px;
    min-height: 80px;
    border-bottom: 1px solid #eaeaea;
    
}
#main_content .start{
	
    border: none;
    
}
.motion-control-left{
   	width:33%;
   	float: left;
   	letter-spacing: -0.5px;
   	margin-top: 1.5%;
   	}
.motion-control-right{
   	width:67%;
   /*	background-color: #000000;*/
   	float: right;
   /*	font-size: 13px;*/
  line-height: 2;
   	}
#main_content .motion-control-right a{
    display: inline-block;
    margin-right: 10px;
    letter-spacing: -0.5px;
    font-size:1.4rem;
}

.bluetext{
	color: #007DB8;
	font-family: arial;
	font-weight: bold;
}
.index-bluetext{
	color: #007DB8;
	font-family: arial;
	font-weight: bold;
	font-size: 1.6rem;
    letter-spacing: 0.075rem;
    line-height: 1.8rem;
}
.index-more{
	margin-top:0 !important;
}
.lightbluetext{
	color: #82C8FE;
	font-family: arial;
	font-weight: bold;
}
.blacktext{
	color: #000000;
	font-family: arial;
	font-weight: bold;
}
.index-blacktext{
	color: #000000;
	font-family: arial;
	font-weight: bold;
	font-size:1.6rem;
}
.titleimg{
	text-align: center;
	margin: 10px 0px;
}
.moonsimg{
	width: 40%;
}

@media (max-width: 375px) {
		 .product-crumb-list .detail a {
		    width:40%;
		  }
		   .titleimg{
			font-size: 20px;
		}
		.motion-control-right a{
			font-size: 14px;
		}
		.motion-control-left{
			font-size: 15px;
		}
		.textlg{
				font-size:20px;
			}
	    
}
@media (min-width: 376px)and (max-width: 640px){
			.titleimg{
				font-size: 20px;
			}
			.motion-control-right a{
				font-size: 14px;
			}
			.motion-control-left{
				font-size: 16px;
			}
			.textlg{
				font-size:20px;
			}
			
}
@media (min-width: 641px) and (orientation: landscape) {
			.titleimg {
			    font-size: 26px;
			    }
			 .motion-control-right a{
				font-size: 20px;
			}
			.motion-control-left{
				font-size: 22px;
			}
			.applications-unit{
				width: 32%;
			    margin-right: 1.33%;	
			}
			.textlg{
				font-size:32px;
			}
			.new-products-unit-right {
		   		 padding-left: 11.4%;
		    }
		    .support-training-circle {
			    height: 9rem;
			    width: 9rem;
		  }
			
}


.applications{
	padding-right: 10px;
    padding-left: 10px;
    color: #000;
	text-align: center;
	
}
.applications-unit{
	width: 32%;
    margin-right: 1.33%;
    float: left;
    /*margin:4% 0;*/
}
.applications-img {
   max-width:65%;
   height: auto;
    }
.applications-unit-text{
  font-family: "Source Han Sans CN";
  color: rgb(34, 34, 34);
  font-weight: bold;
  font-size: 1.2rem;
  padding: 19% 0;
}
.titleimg a{
	color: #004190;
}
	  /*  <!--Support Training start-->*/
.support-training{
	padding-right: 10px;
    padding-left: 10px;
    color: #000;
	text-align: center;
	
	
}
.support-training-unit{
	
    margin-right: 1.33%;
    text-align: center;
    margin:4% 0;
    display: inline-block;
   
}
.support-training-img {
   max-width:65%;
   height: auto;
    }
.support-training-unit-text{
  font-family: "Source Han Sans CN";
  color: rgb(34, 34, 34);
  font-weight: bold;
  line-height: 0.001;
  padding: 19% 0;
}
.support-training-circle{
  border-width: 1px;
  border-color: rgb(213,213,213);
  border-style: solid;
  border-radius: 50%;
  height: 7rem;
  width: 7rem;
  margin-right: 0.5rem;
  position: relative;
}
.support-training-text{
	height:10rem;
	display:block; 
	text-align:center;
	padding:2.2rem 0;   
	position: absolute;
	width: 100%;
	height:100%;
	font-size: 1rem;
	font-weight:600;
}
.support-training-text a{
	color: #000000;
	letter-spacing: -0.04rem;
}

/*<!--New Products Start-->*/
.textmd{
	font-size:1.2rem;
}
.new-products{
	margin-right:10px; 
    margin-left:10px;
    color: #636363;
    margin-bottom: 10px;
    min-height: 80px;
    margin-top: 5.5%;
}

.new-products-unit{
   	width: 50%;
    display: inline-block;
    margin-left: -0.6%;
    text-align: center;
    
   	}
.new-products-img{
	max-width: 100%;
    height: auto;
    margin-left: -5px;
   
}
.new-products-unit-right{
   vertical-align: middle;
   text-align: left;
   padding-left: 2.4%;
   width: 40%;
}
.new-products-img-right{
	float: right;
    margin-right: -2.5%;
}
.new-products-top{
	 margin-bottom: 6%;
	min-height: 170px;
}
.new-products-des{
    margin: 6% 0;
    font-size: 1.2rem;
}
.sxjianju{
   line-height: 3;
}
.more{
	display: block;
	margin:20px auto;
	border-width: 1px;
    border-color: rgb(1, 66, 145);
    border-style: solid; 
	width: 35%;
	padding: 0.5rem 1rem;
	}
.morestyle{
	text-align: center;	
}
.news .titleimg01 a{
	color: #82C8FE;
	font-family: arial;
	font-weight: bold;
}
.news{
	background:url(https://www.moonsindustries.com/m/images/moons.shouye.beijing_01.png);
    background-size:contain;
    padding-bottom: 3%;
}
.writepanel{
	background-color: #ffffff;
	padding-top: 2%;
}
/*news 鐎殿噯鎷烽～锟�*/
.news-unit-left{
   	width:33%;
   	float: left;
   	}
.news-unit-right{
   	width:67%;
   	float: right;
    line-height: 1.5;
    padding: 5% 3%;
   	}
.news-img{
  max-width: 100%;
  height: auto;
}
.newstext{
	color: #000000;
	font-size: 1.3rem;
}
.newsinformation{
	     padding: 2% 2.5% 0 25px;
	     }
.news-top{
	 
}
/*  <!--闁绘劗鎳撻崵顔芥交閺傛寧绀�濡炪倕鐖奸崕鎾箰婢舵劖灏�-->    */
/*footer闂侇喓鍔岄崹搴☆嚕閿熺瓔娼�*/
.footerbackground {
	background:url(https://www.moonsindustries.com/m/images/beijing_03.png);
    background-size:contain;
    overflow: hidden;
}   
.textcolor,.footerbackground a,.footerbackground p{
	color:#ffffff;
	font-family: arial;
	}
.footermargin{
	margin: 10px 0px;
}

.footerimg{
	width: 40%;
	margin: 3% 0px;
}
.footerbackground input,section{
	max-width: 60%;
    padding: 2% 4%;
    margin: 2% 20%;
}
.form-actions input {
    border-style: none !important;
    background-color: #ffffff;
    height: 40px;
    text-align: center;
    font-size: 13px;
    width: 100%;
    border: 1px solid #fff;
    color: #004588;
    padding: 6px 12% 6px 12%;
 }
 .form-text {
    border: 1px #fff solid;
    height: 40px;   
    width: 100%;
    font-size: 13px;
    padding: 6px 12% 6px 12px;
    /*background-color: rgba(255, 255, 255, 0.02);*/
    background-color: #165199 !important;
    color: #FFF;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.footerbackground select{	
	 /*text-transform:capitalize;*/
	 max-width: 60%;
	 margin: 2% 20%;
	 padding: 6px 0% 6px 3%;
	 font-family: arial;
	background: url('https://www.moonsindustries.com/m/support-training/css/myImg/dropdown white.png') no-repeat scroll right center;
    background-size: 1.5rem 1.5rem;
    background-position: 96%;
}
.footer-tubiao01{
	max-width: 60%;
   
    margin: 2% 20%;
}
.footer-unit{
	width: 25%;
	float: left;
	margin-bottom: 10%;
}
.footer-unit-img{
	width: 74%;
    margin-left: 13%;
}

.footerbackground span{
	color: #FFFFFF;
	display:block;
	margin: 2% 0;	
}
.certificate-img{
	display: block;
    height: auto;
    width: 60%;
    margin: 20px auto;
}
.payment-img{
	display: block;
    height: auto;
    width: 70%;
    margin: 20px auto;
}

.textline2{
	line-height: 1.6;
    font-size: 1.2rem;
}
.submit-subscribe {
    border-style: none !important;
    background-color: #ffffff;
    height: 40px;
    text-align: center;
    font-size: 13px;
    width: 100%;
    border: 1px solid #fff;
    color: #004588;
    padding: 12px 12% 6px 12%;
    max-width: 60%;
    margin: 2% 20%; 
 }
/*闁告瑥鍘栫粭鍛喆閹烘垶绂堥柡宥忔嫹/
@-webkit-keyframes badbounce {
  0%,100% {
    -webkit-transform: translateY(0px);
  }
  10% {
    -webkit-transform: translateY(6px);
  }
  30% {
    -webkit-transform: translateY(-4px);
  }
  70% {
    -webkit-transform: translateY(3px);
  }
  90% {
    -webkit-transform: translateY(-2px);
  }
}
@-moz-keyframes badbounce {
  0%,100% {
    -moz-transform: translateY(0px);
  }
  10% {
    -moz-transform: translateY(6px);
  }
  30% {
    -moz-transform: translateY(-4px);
  }
  70% {
    -moz-transform: translateY(3px);
  }
  90% {
    -moz-transform: translateY(-2px);
  }
}
@keyframes badbounce {
  0%,100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  10% {
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
  }
  30% {
    -webkit-transform: translateY(-4px);
    -moz-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    -o-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  70% {
    -webkit-transform: translateY(3px);
    -moz-transform: translateY(3px);
    -ms-transform: translateY(3px);
    -o-transform: translateY(3px);
    transform: translateY(3px);
  }
  90% {
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
  }
}
.ss_animate {
  -webkit-animation: badbounce 1s linear;
  -moz-animation: badbounce 1s linear;
  animation: badbounce 1s linear;
}


#ss_menu {
 
  width: 60px;
  height: 60px;
  color: #fff;
  position: fixed;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  right: 30px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#ss_menu > .menu {
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23), 0 3px 10px rgba(0, 0, 0, 0.16);
  color: #fff;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
#ss_menu > .menu .share {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 10px;
  top: 4px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
#ss_menu > .menu .share .circle {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  position: absolute;
  width: 1px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  top: 50%;
  margin-top: -6px;
  left: 12px;
  opacity: 1;
}
#ss_menu > .menu .share .circle:after, #ss_menu > .menu .share .circle:before {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
}
#ss_menu > .menu .share .circle:after {
  left: 20.78461px;
  top: 12.0px;
}
#ss_menu > .menu .share .circle:before {
  left: 20.78461px;
  top: -12.0px;
}
#ss_menu > .menu .share .bar {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  width: 24px;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -1.5px;
  left: 18px;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
#ss_menu > .menu .share .bar:before {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  content: '';
  width: 24px;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0px;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -ms-transform: rotate(-60deg);
  -o-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#ss_menu > .menu .share.close .circle {
  opacity: 0;
}
#ss_menu > .menu .share.close .bar {
  top: 50%;
  margin-top: -1.5px;
  left: 50%;
  margin-left: -12px;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  -o-transform: rotate(405deg);
  transform: rotate(405deg);
}
#ss_menu > .menu .share.close .bar:before {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotate(-450deg);
  -moz-transform: rotate(-450deg);
  -ms-transform: rotate(-450deg);
  -o-transform: rotate(-450deg);
  transform: rotate(-450deg);
}
#ss_menu > .menu.ss_active {
  background: #FFFFFF;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}
#ss_menu > div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 50px;
  height: 50px;
  font-size: 0px;
  text-align: center;
  background: #FFFFFF;
  border-radius: 130%;
  display: table;
}
#ss_menu > div i {
  display: table-cell;
  vertical-align: middle;
}
#ss_menu > div:hover {
  background: #FFFFFF;
  cursor: pointer;
}
#ss_menu div:nth-child(1) {
  top: 0px;
  left: -160px;
}
#ss_menu div:nth-child(2) {
  top: -80.0px;
  left: -138.56406px;
}
#ss_menu div:nth-child(3) {
  top: -138.56406px;
  left: -80.0px;
}
#ss_menu div:nth-child(4) {
  top: -160px;
  left: 0.0px;
}
.single-title-for-all{
	font-size: 3rem !important;
    font-weight: 700;
    color: #000000;
}
.single-des-for-all{
	font-size:2rem !important;
	color:#999;
}
.default-font{
	font-family:'SFUIDisplay-Light' !important;
}
.default-font-blod{
	font-family:'SFUIDisplay-Bold' !important;
}
.default-title{
	font-family: 'SFUIDisplay' !important;
	font-size: 2rem !important;
	font-weight: bold;
	line-height: 1.0;
	color: #222222;
}
.default-sub-title{
	font-family: 'SFUIDisplay' !important;
	font-size: 1.5rem !important;
	line-height: 1.0;
}
.default-weight-bold{
	font-weight: bold !important;
}
.default-clear-line{
	border-bottom: 0px;
}
.default-list-title{
	    font-size: 1rem !important;
}
.default-list-title-font{
	font-size:1.2rem !important;
}
.default-event-list-title{
	font-size: 1.4rem !important;
    margin: 5px 0;
}
.default-bg{
	background: #ffffff !important;
}
.default-zero-margin{
	margin: 0 !important;
}
.default-zero-padding{
	padding: 0 !important;
}

/* @media (orientation:landscape){
	
	.new-products-unit-right {
    padding-left: 11.4%;
    }
    .support-training-circle {
    height: 9rem;
    width: 9rem;
  }
} */
@media all and (orientation : landscape){
	html{
	font-size: 80% !important;
}
.new-products-unit-right {
    padding-left: 11.4%;
}
 .support-training-circle {
    height: 9rem;
    width: 9rem;
  }
  .support-training-text{
      padding: 3.2rem 0;
  }

}

/* for order */
.order-zero-padding{
	padding: 0 !important;
}
.order-zero-margin{
	margin: 0 !important;
}
.order-zero-pad-margin{
	margin: 0 !important;
	padding: 0 !important;
}

//Add by susin
.ord-details-color{color:#101010 !important;}
.ord-details-color2{color:#636363 !important;}
.ord-details-color3{color:#222222 !important;}
.ord-details-color4{color:#204A96 !important;}

.firstMenu ul li a h2{color:#4a4a4a !important;}