body {
			font-size: 16px;
 font-family: "PingFang TC", "Heiti TC", "Noto Sans", "Source Han Sans", "Verdana", "Helvetica", "Microsoft YaHei", "Microsoft JhengHei", sans-serif


		
		}
.lock-position {
	height: 100%;
	overflow: hidden;
	width: 100%;
	position: fixed;
}		
		#warp {
			-webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;	
    }
		.kerebro_navbar {
			border-radius: 0px;
			background-color: white;
			min-height: 90px;
			margin: 0px;
		}
		.kerebro_navbar .navbar-toggle {
			margin-top: 25px;
			margin-right: 25px;
    	}			
		.kerebro_navbar .navbar-header {
						min-height: 90px

		}
		footer .kerebro_navbar-brand {
			height: 26px;
			line-height: 11px;
			font-size: 12px;
			padding:  20px 0px 0px 38px;
		}

		header .kerebro_navbar-brand {
			height: 26px;
			padding:  31px 0px 0px 38px;
		}
		.kerebro_navbar .navbar-nav {
			float:right;	
		}
		.kerebro_navbar .navbar-nav>li>a {
			line-height: 60px;
			width:130px;

color:  #6a7884;
font-size: 16px;/* 接近值，因為字體替代 */
font-weight: 500;
  		}
.jumbotron {
    position: relative;
    
    width: 100%;
 height: 690px;
     background-size: cover;
    overflow: hidden;
    padding:0px;
}



#jumbotron_h2 {
	text-align: center; font-size: 2.55rem; color:white; letter-spacing: 2px
}

#jumbotron_h5 {
	text-align: center; font-size: 1.25rem; color:white; letter-spacing: 1px; line-height: 30px;margin-top: 20px; margin-bottom: 20px
}



#jumbotron_h4 {
	text-align: center; color:white;
	font-size:16px;
	font-weight: 400;
	line-height: 30px;
}
#jumbotron_h4 a {
	display: inline-block;
	padding-bottom: 8px;
	border-bottom: 1px solid #e7463a;
	color: #e7463a;
	line-height: 10px;
	text-decoration: none;
	
}

.video-close {
	display: none; 
}


.overlayopened {
	    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
 }
 
 
.popup {
	
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
     z-index: 9999;
     
      visibility: hidden;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); 
	-webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;	    
}
 
.popup.popup-open {	
     -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%); 	 
-webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;	     
}




#trialform input[type=text],#trialform  input[type=password] {
		    outline: none;
		    font-size: 24px;
		    border: 0;
		    background-color: rgb(74, 199, 233);
		    width: 300px;
		    padding: 10px 0px;
	 	}
#trialform input::-webkit-input-placeholder {
		 	color:    rgba(255, 255, 255, 0.5);
		 	font-weight: bold;
		 	letter-spacing:1px		 	
	 	}
#trialform input:-moz-placeholder {
		 	color:    rgba(255, 255, 255, 0.5);
		 	font-weight: bold;
		 	letter-spacing:1px		 	
	 	}
#trialform input::-moz-placeholder {
		 	color:    rgba(255, 255, 255, 0.5);
		 	font-weight: bold;
		 	letter-spacing:1px		 	
	 	}
#trialform input:-ms-input-placeholder {
		 	color:    rgba(255, 255, 255, 0.5);
		 	font-weight: bold;
		 	letter-spacing:1px
		}
		
#trialform .inputTitle {
			width: 300px; margin: auto; font-size: 16px;font-weight: 700; margin-top: 10px ;letter-spacing:1px
		}
#trialform .inputDiv {
			width: 300px; margin: auto;border-bottom: 1px solid rgba(255, 255, 255, 0.46);
		}
 
#trialform .sendBtn {

border: none;
    font-family: inherit;
    font-size: inherit;
      cursor: pointer;
     display: inline-block;
      letter-spacing: 1px;
      
     outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
 
			width:300px;
			border-radius: 4px;
			background-color: white;
			color: rgb(74, 199, 233); 
	    margin: 40px auto;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 8px;
        box-shadow: 0 2px rgba(44, 117, 137, 0.52);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-writing-mode: horizontal-tb;
 		}
 

#trialform .sendBtn:hover {
	box-shadow: 0 2px rgba(44, 117, 137, 0.52);
	 
}

#trialform .sendBtn:active {
	box-shadow: 0 0  rgba(44, 117, 137, 0.52);
	top: 2px;
}
		
 #trialform .sendBtn[disabled] {
		 opacity: 0.5 !important;
 }
 
 

/* 1 */

#contactusform input[type=text],#contactusform  input[type=password] {
		    outline: none;
		    font-size: 24px;
		    border: 0;
		   /* background-color: rgb(74, 199, 233);*/
		   background-color: white;
		    width: 300px;
		    padding: 10px 0px;
		    color:#333c4e;
	 	}
#contactusform input::-webkit-input-placeholder {
		 	color:    rgba(74, 199, 233, 0.5);
		 	font-weight: bold;
		 	letter-spacing:1px		 	
	 	}
#contactusform input:-moz-placeholder {
		 	color:    rgba(74, 199, 233, 0.5);
		 	font-weight: bold;
		 	letter-spacing:1px		 	
	 	}
#contactusform input::-moz-placeholder {
		 	color:    rgba(74, 199, 233, 0.5);
		 	font-weight: bold;
		 	letter-spacing:1px		 	
	 	}
#contactusform input:-ms-input-placeholder {
		 	color:    rgba(74, 199, 233, 0.5);
		 	font-weight: bold;
		 	letter-spacing:1px
		}
		
#contactusform .inputTitle {
			width: 300px; margin: auto; font-size: 16px;font-weight: 700; margin-top: 10px ;letter-spacing:1px; color:rgb(74, 199, 233);
		}
#contactusform .inputDiv {
			width: 300px; margin: auto;border-bottom: 1px solid rgb(74, 199, 233);
}
 
#contactusform .sendBtn {

border: none;
    font-family: inherit;
    font-size: inherit;
      cursor: pointer;
     display: inline-block;
      letter-spacing: 1px;
      
     outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
 
			width:300px;
			border-radius: 4px;
			background-color: rgb(74, 199, 233);
			color: white; 
	    margin: 40px auto;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 8px 8px;
        box-shadow: 0 2px rgba(44, 117, 137, 0.52);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-writing-mode: horizontal-tb;
 		}
 

#contactusform .sendBtn:hover {
	box-shadow: 0 2px rgba(44, 117, 137, 0.52);
	 
}

#contactusform .sendBtn:active {
	box-shadow: 0 0  rgba(44, 117, 137, 0.52);
	top: 2px;
}
		
 #contactusform .sendBtn[disabled] {
		 opacity: 0.5 !important;
 }


 #contactusform textarea {
	    width: 100%;
    height: 200px;
    margin-top: 15px;
    border: 1px solid rgb(74, 199, 233);
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #2d303c;
}

#trialform  textarea {
	width: 100%;
    height: 200px;
    margin-top: 15px;
    border: 1px solid rgb(74, 199, 233);
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #2d303c;
}

/* 1 */
 
.sweet-alert {
	z-index: 10000 !important;	 
}






.pageCloakCSS {
	position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:10000;
   top:0px; left:0px;background-color: rgba(0,0,0,0.5); 
   
}

.sk-cube-grid {
  width: 60px;
  height: 60px;
  margin:  auto;
  margin-top: calc(50vh - 40px);
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color:rgb(74, 199, 233);
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}


.dropdown-menu {
	min-width: 130px !important;
}

@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu>li>a {
	line-height: 40px !important;	
	
}
}

input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0; 
	font-size:20px;
	vertical-align:middle;
	cursor:pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
    margin: 0px 16px;
}
input[type=checkbox].css-checkbox:checked + label.css-label {background-position: 0 -20px;}


input[type=radio].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}
input[type=radio].css-checkbox + label.css-label {
	padding-left:20px;
	height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: -20px 0;
	font-size:20px;
	vertical-align:middle;
	cursor:pointer;

}

input[type=radio].css-checkbox:checked + label.css-label {background-position: -20px -20px;}


label.css-label {
				background-image:url(/assets/images/csscheckbox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
}